# PlanetScale, Blog

Developer tools · Blog · Custom code · San Francisco, USA
Live page: https://planetscale.com/blog
On Designly: https://designly.sh/s/planetscale/blog · JSON: https://designly.sh/s/planetscale/blog?format=json
Site: [PlanetScale](https://designly.sh/s/planetscale?format=md) (https://planetscale.com)
Styles: type-led, bold, geometric, minimal

## Why it works

Ui-Monospace type on a bright amber background gives this developer blog a technical, high-contrast character. A dense, list-based layout prioritizes information density, while bright orange is used sparingly for the 'Get in touch' button and the top announcement bar.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/planetscale/blog#section-1) (y 0–224px of 7090) · image: https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/sections/0.webp · id sec_7492f948560d46bcaa8b3b52965d55a2
2. [Hero: "Introducing Neki"](https://designly.sh/s/planetscale/blog#section-2) (y 272–2968px of 7090) · image: https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/sections/1.webp · id sec_2d095656a8fb4c20b507189ee543b155
3. [Content: "Handling hot shards"](https://designly.sh/s/planetscale/blog#section-3) (y 3016–3248px of 7090) · image: https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/sections/2.webp · id sec_176aa405e2c64ee3aaaa363ed6d6f563
4. [Content: "When to choose x86-64 vs aarch64"](https://designly.sh/s/planetscale/blog#section-4) (y 3296–6176px of 7090) · image: https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/sections/3.webp · id sec_79c411d58e264e939d14d09180d6bc18
5. [Stats: "The history of Postgres sharding"](https://designly.sh/s/planetscale/blog#section-5) (y 6224–6530px of 7090) · image: https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/sections/4.webp · id sec_957d88d5c53c4382ab87181501f12b54
6. [Footer: "Footer"](https://designly.sh/s/planetscale/blog#section-6) (y 6658–7042px of 7090) · image: https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/sections/5.webp · id sec_a345f550d51e422487f4ffd539fc5281

## Design tokens

- Colours: #FBCA00 (background), #414141 (text), #F35815 (accent), #FAFAFA (surface), #737373 (muted)
- Fonts: ui-monospace (display)
- Spacing: 8px
- Export: https://designly.sh/s/planetscale/blog?format=tokens.css · https://designly.sh/s/planetscale/blog?format=tokens.json · https://designly.sh/s/planetscale/blog?format=tokens.tailwind.css

## Images

- Desktop (1440×7090): https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_57681301a1a340f5a61f9f88d964cf4f/mobile.webp
- Captured: 2026-10-24

## Other Pages of PlanetScale

- [Home](https://designly.sh/s/planetscale?format=md) — /
- [Pricing](https://designly.sh/s/planetscale/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
- [Warp, Blog](https://designly.sh/s/warp/blog?format=md) — Developer tools · Blog · Custom code · New York, USA · styles: type-led, tech, minimal, geometric · image: https://designly.sh/media/captures/cap_88226f75522b45fd9429e342f7c3b7a2/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.
