# PlanetScale, Home

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

## Why it works

Ui-Monospace type on an off-white background gives this database provider a technical, developer-centric feel. Bright amber is used for the "Get in touch" button to pull focus, while a dense grid of monochrome client logos provides immediate social proof.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/planetscale#section-1) (y 0–104px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/0.webp · id sec_969656eeada34b60b4406be25eaf465e
2. [Content: "The world’s fastest and most scalable cloud…"](https://designly.sh/s/planetscale#section-2) (y 152–416px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/1.webp · id sec_24e845bbc8474cc5a702c8253fa2ea73
3. [Content: "Content"](https://designly.sh/s/planetscale#section-3) (y 440–2584px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/2.webp · id sec_7b587953a74b4dcf8aad194ec2fdd57e
4. [Content: "Content"](https://designly.sh/s/planetscale#section-4) (y 2632–3595px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/3.webp · id sec_014e2de03fc744ae92c294dae55012be
5. [Content: "Performance"](https://designly.sh/s/planetscale#section-5) (y 3643–4404px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/4.webp · id sec_e42f2930195e49f297d5f46ff5780c39
6. [Content: "Uptime"](https://designly.sh/s/planetscale#section-6) (y 4516–5036px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/5.webp · id sec_1a79d8513c0f40318df66243a4588c97
7. [Content: "Cost"](https://designly.sh/s/planetscale#section-7) (y 5148–5484px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/6.webp · id sec_556aec3d15024ef9bad712532e5fa4fe
8. [Content: "Security"](https://designly.sh/s/planetscale#section-8) (y 5596–6028px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/7.webp · id sec_8850162c4ef5475691467f60d907980c
9. [Features: "Features"](https://designly.sh/s/planetscale#section-9) (y 6140–6260px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/8.webp · id sec_9de56f582d3e489b938055610e6255d5
10. [Features: "Shared PlanetScale features"](https://designly.sh/s/planetscale#section-10) (y 6284–6732px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/9.webp · id sec_c893c414ccc94ea4890c41c94859b898
11. [Features: "PlanetScale Vitess features"](https://designly.sh/s/planetscale#section-11) (y 6756–6972px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/10.webp · id sec_a97ef4dd677841178d8228821b2cdbc9
12. [Features: "PlanetScale Neki features"](https://designly.sh/s/planetscale#section-12) (y 6996–7148px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/11.webp · id sec_f2c8c180eb1244bebe1653600aa768a0
13. [Features: "PlanetScale Postgres features"](https://designly.sh/s/planetscale#section-13) (y 7172–7732px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/12.webp · id sec_d11a617ac79d41428f234bdc9738c8aa
14. [Footer: "Footer"](https://designly.sh/s/planetscale#section-14) (y 7860–8244px of 8292) · image: https://designly.sh/media/captures/cap_c554923b2be4440f914157f86b7f3b10/sections/13.webp · id sec_4f6e36c6ae024da8a92a5db88b8ff19b

## Design tokens

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

## Images

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

## Other Pages of PlanetScale

- [Blog](https://designly.sh/s/planetscale/blog?format=md) — /blog
- [Pricing](https://designly.sh/s/planetscale/pricing?format=md) — /pricing

## Related

- [Neon, Home](https://designly.sh/s/neon?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: dark, type-led, corporate, geometric · image: https://designly.sh/media/captures/cap_dfad55b5edf04fbfb24ca8f35a1c6918/desktop.webp
- [Tailwind CSS, Home](https://designly.sh/s/tailwind-css?format=md) — Developer tools · Home · Custom code · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_61504a7284704616a385dbce8d7f3de7/desktop.webp
- [Railway, Home](https://designly.sh/s/railway?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: dark, type-led, bold, corporate, minimal · image: https://designly.sh/media/captures/cap_545bc48407e4455687721c2a722801ae/desktop.webp
- [Warp, Home](https://designly.sh/s/warp?format=md) — Developer tools · Home · Custom code · New York, USA · styles: type-led, tech, minimal, geometric · image: https://designly.sh/media/captures/cap_e9d76fb8c8064b6d8f14e58b510d9414/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.
