# Warp, Blog

Developer tools · Blog · Custom code · New York, USA
Live page: https://www.warp.dev/blog
On Designly: https://designly.sh/s/warp/blog · JSON: https://designly.sh/s/warp/blog?format=json
Site: [Warp](https://designly.sh/s/warp?format=md) (https://www.warp.dev)
Styles: type-led, tech, minimal, geometric

## Why it works

A pale indigo background paired with the theFuture display typeface gives this developer blog a distinct, technical identity. Small 3px corner radii on buttons and the search bar maintain a sharp, precise feel, while the list layout uses wide spacing to separate article titles from their reading times.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/warp/blog#section-1) (y 0–84px of 2785) · image: https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/sections/0.webp · id sec_adfd65e98b654cf3bc46f776e4f6c165
2. [Hero: "The Factory Stack"](https://designly.sh/s/warp/blog#section-2) (y 180–750px of 2785) · image: https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/sections/1.webp · id sec_5afed7a73bee4af89bd64423c9a494ed
3. [Content: "The road to self-improving software"](https://designly.sh/s/warp/blog#section-3) (y 798–1547px of 2785) · image: https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/sections/2.webp · id sec_704d2e8053cc4809958df23d7ac587fa
4. [Features: "Get Warp Terminal"](https://designly.sh/s/warp/blog#section-4) (y 1643–2317px of 2785) · image: https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/sections/3.webp · id sec_ebb585df9ce94d5dbda768dc23395f43
5. [Footer: "Footer"](https://designly.sh/s/warp/blog#section-5) (y 2317–2785px of 2785) · image: https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/sections/4.webp · id sec_2e077bceb9004dd3b6abb87820f0f299

## Design tokens

- Colours: #CBB0F7 (background)
- Fonts: theFuture (display), Matter (body)
- Corner radius: 3px
- Spacing: 64px
- Export: https://designly.sh/s/warp/blog?format=tokens.css · https://designly.sh/s/warp/blog?format=tokens.json · https://designly.sh/s/warp/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×2785): https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/desktop.webp
- Mobile (390×4767): https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/mobile.webp
- Captured: 2026-10-24

## Other Pages of Warp

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

## Related

- [Neon, Blog](https://designly.sh/s/neon/blog?format=md) — Developer tools · Blog · Custom code · San Francisco, USA · styles: dark, type-led, minimal, corporate · image: https://designly.sh/media/captures/cap_362cace607f041ef93832bdcd33206da/desktop.webp
- [PlanetScale, Blog](https://designly.sh/s/planetscale/blog?format=md) — Developer tools · Blog · Custom code · San Francisco, USA · styles: type-led, bold, geometric, minimal · image: https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/desktop.webp
- [Nuxt, Blog](https://designly.sh/s/nuxt/updates?format=md) — Developer tools · Blog · Custom code · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_4dd1576a52a1432f8f7a16341c9c53e2/desktop.webp
- [Vercel, Blog](https://designly.sh/s/vercel/blog?format=md) — Developer tools · Blog · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_5eca80f372f14f3c86115201a30e61b2/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.