# Raycast, Blog

Developer tools · Blog · Custom code · London, UK
Live page: https://www.raycast.com/blog
On Designly: https://designly.sh/s/raycast/blog · JSON: https://designly.sh/s/raycast/blog?format=json
Site: [Raycast](https://designly.sh/s/raycast?format=md) (https://www.raycast.com)
Styles: dark, type-led, minimal, geometric

## Why it works

Large Inter headlines on a black background establish a technical, developer-focused tone. A dark surface card holds the primary feature story, while a grid of smaller cards uses off-white text and 10px corners to organize secondary posts by date and topic.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/raycast/blog#section-1) (y 0–92px of 4141) · image: https://designly.sh/media/captures/cap_b3e425a312804fe2adb975e347e4a66e/sections/0.webp · id sec_5605ea35a7aa4cc38ca27182f7583c1d
2. [Hero: "Blog"](https://designly.sh/s/raycast/blog#section-2) (y 92–707px of 4141) · image: https://designly.sh/media/captures/cap_b3e425a312804fe2adb975e347e4a66e/sections/1.webp · id sec_89b928777de14a07bd4d549486487033
3. [Content: "Meet Glaze"](https://designly.sh/s/raycast/blog#section-3) (y 707–2901px of 4141) · image: https://designly.sh/media/captures/cap_b3e425a312804fe2adb975e347e4a66e/sections/2.webp · id sec_2a8454ba0a9b40ab9afea16a4fa631dd
4. [Footer: "Footer"](https://designly.sh/s/raycast/blog#section-4) (y 2901–4140px of 4141) · image: https://designly.sh/media/captures/cap_b3e425a312804fe2adb975e347e4a66e/sections/3.webp · id sec_0cc674ee869b4881aba00c646363b86f

## Design tokens

- Colours: #07080A (background), #9C9C9D (text), #FFFFFF (surface), #E6E6E6 (surface-2), #1B1C1E (surface-3)
- Fonts: Inter (display)
- Corner radius: 10px
- Section padding: 156px
- Export: https://designly.sh/s/raycast/blog?format=tokens.css · https://designly.sh/s/raycast/blog?format=tokens.json · https://designly.sh/s/raycast/blog?format=tokens.tailwind.css

## Images

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

## Other Pages of Raycast

- [Home](https://designly.sh/s/raycast?format=md) — /
- [Careers](https://designly.sh/s/raycast/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/raycast/pricing?format=md) — /pricing
- [Product](https://designly.sh/s/raycast/pro?format=md) — /pro

## Related

- [Zed, Blog](https://designly.sh/s/zed/blog?format=md) — Developer tools · Blog · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/desktop.webp
- [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
- [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.