# Zed, Blog

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

## Why it works

A cool white background paired with Ui-Monospace type gives this developer blog a technical, utilitarian feel. Large, photo-led cards sit below a small plexSerif headline, using 4px corners to maintain a structured, grid-based rhythm.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/zed/blog#section-1) (y 0–57px of 7403) · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/sections/0.webp · id sec_35f92d2446424d47ba55475044481e79
2. [Content: "From The Blog"](https://designly.sh/s/zed/blog#section-2) (y 57–231px of 7403) · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/sections/1.webp · id sec_461629372021453da0b8620bb5fc6c23
3. [Gallery: "Xanadu Was Waiting for Agents"](https://designly.sh/s/zed/blog#section-3) (y 245–645px of 7403) · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/sections/2.webp · id sec_d2bfcdd8c12043249633d8afb5c96595
4. [Content: "Xanadu Was Waiting for Agents"](https://designly.sh/s/zed/blog#section-4) (y 659–6771px of 7403) · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/sections/3.webp · id sec_7eae73e1accb4341ab09a5adf71c8dc4
5. [Footer: "Footer"](https://designly.sh/s/zed/blog#section-5) (y 6771–7403px of 7403) · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/sections/4.webp · id sec_a87784d1149e4e06b17a4d8fee71e72f

## Design tokens

- Colours: #DADDE2 (background), #000000 (text), #FFFFFF (surface)
- Fonts: writer (display), ui-monospace (body)
- Corner radius: 4px
- Section padding: 32px
- Export: https://designly.sh/s/zed/blog?format=tokens.css · https://designly.sh/s/zed/blog?format=tokens.json · https://designly.sh/s/zed/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×7403): https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/mobile.webp
- Captured: 2026-10-26

## Other Pages of Zed

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

## Related

- [Tailwind CSS, Blog](https://designly.sh/s/tailwind-css/blog?format=md) — Developer tools · Blog · Custom code · styles: type-led, minimal, monochrome, airy · image: https://designly.sh/media/captures/cap_b4279886422e4d428694a89aaae197c3/desktop.webp
- [Raycast, Blog](https://designly.sh/s/raycast/blog?format=md) — Developer tools · Blog · Custom code · London, UK · styles: dark, type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_b3e425a312804fe2adb975e347e4a66e/desktop.webp
- [PostHog, Blog](https://designly.sh/s/posthog/blog?format=md) — Developer tools · Blog · Custom code · San Francisco, USA · styles: playful, type-led, organic, light · image: https://designly.sh/media/captures/cap_c9b789ccf0cc4a16a36e582083e3ca2a/desktop.webp
- [Oxide Computer, Blog](https://designly.sh/s/oxide-computer/blog?format=md) — Developer tools · Blog · Custom code · Emeryville, USA · styles: dark, type-led, geometric, minimal · image: https://designly.sh/media/captures/cap_38e11859667d481392cfde2f92789346/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.