# Val Town, Product

Developer tools · Product · Custom code · Brooklyn, USA
Live page: https://www.val.town/features
On Designly: https://designly.sh/s/val-town/features · JSON: https://designly.sh/s/val-town/features?format=json
Site: [Val Town](https://designly.sh/s/val-town?format=md) (https://www.val.town)
Styles: type-led, minimal, corporate, light

## Why it works

Black Sprig Sans type on a white background keeps the focus on the technical capabilities. A bright blue accent on the "Start building" button and code snippets provides a clear path for developers, while the high-contrast, text-heavy layout prioritizes utility over imagery.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/val-town/features#section-1) (y 0–64px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/0.webp · id sec_b076f522636a4fd3ba0d6f47ba2061fe
2. [Hero: "Hero"](https://designly.sh/s/val-town/features#section-2) (y 64–769px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/1.webp · id sec_2a71bee07a3f4fc5b8a63e4b18698994
3. [Content: "Cron jobs"](https://designly.sh/s/val-town/features#section-3) (y 769–1163px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/2.webp · id sec_f438cf8a3f8b48f5988f6363eff6d5fd
4. [Content: "Create APIs"](https://designly.sh/s/val-town/features#section-4) (y 1163–1677px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/3.webp · id sec_b9ba84fcdedb4acda5639d7287f6d5f9
5. [Content: "Email yourself"](https://designly.sh/s/val-town/features#section-5) (y 1677–2171px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/4.webp · id sec_57d53550c9704e1aa30f0630ec9937cb
6. [Content: "Import from npm"](https://designly.sh/s/val-town/features#section-6) (y 2171–2531px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/5.webp · id sec_ee10a315795847c1b05983e9a5d8fa1b
7. [Content: "12 : 31"](https://designly.sh/s/val-town/features#section-7) (y 2531–3235px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/6.webp · id sec_17682c7e53ba4bf09ae58a3ddfd5c554
8. [Call to action: "Get started for free"](https://designly.sh/s/val-town/features#section-8) (y 3235–3491px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/7.webp · id sec_8fbc50e767e8465aaebb27e0b64304eb
9. [Footer: "Footer"](https://designly.sh/s/val-town/features#section-9) (y 3491–4000px of 4000) · image: https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/sections/8.webp · id sec_6e98774e35d94fa491acd93a609a191d

## Design tokens

- Colours: #FFFFFF (background), #000000 (text)
- Fonts: Sprig Sans (display)
- Corner radius: 12px
- Section padding: 96px
- Export: https://designly.sh/s/val-town/features?format=tokens.css · https://designly.sh/s/val-town/features?format=tokens.json · https://designly.sh/s/val-town/features?format=tokens.tailwind.css

## Images

- Desktop (1440×4000): https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/desktop.webp
- Mobile (390×6261): https://designly.sh/media/captures/cap_b54a2c3221ab46cf830e0161938cbd30/mobile.webp
- Captured: 2026-10-26

## Other Pages of Val Town

- [Home](https://designly.sh/s/val-town?format=md) — /
- [About](https://designly.sh/s/val-town/about?format=md) — /about
- [Careers](https://designly.sh/s/val-town/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/val-town/pricing?format=md) — /pricing

## Related

- [Sentry, Product](https://designly.sh/s/sentry/product/error-monitoring?format=md) — Developer tools · Product · Custom code · San Francisco, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_ebe80b54d5404e4cb196ab0a79a0d5ec/desktop.webp
- [Raycast, Product](https://designly.sh/s/raycast/pro?format=md) — Developer tools · Product · Custom code · London, UK · styles: dark, type-led, corporate, minimal · image: https://designly.sh/media/captures/cap_2a5f74b6547c4a91882b74d2b83c080c/desktop.webp
- [Oxide Computer, Product](https://designly.sh/s/oxide-computer/product/compute?format=md) — Developer tools · Product · Custom code · Emeryville, USA · styles: dark, type-led, geometric, corporate · image: https://designly.sh/media/captures/cap_e215bfe4e882440f937021993fa5af65/desktop.webp
- [Modal, Product](https://designly.sh/s/modal/products/inference?format=md) — Developer tools · Product · Custom code · New York, USA · styles: dark, type-led, geometric, tech · image: https://designly.sh/media/captures/cap_5659e576b3634f87a6ccf1e70cd20328/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.