---
source: gallery_planetscale
---

# planetscale.com — Atmosphere

> Confident, engineering-focused database platform with monochrome type, a single crisp blue accent, and generous whitespace.

> Extracted by [Coherent](https://getcoherent.design) from `https://planetscale.com` on 2026-07-24 03:52:26 UTC.
> Mode: `light` · captured in 2977ms · density: `comfortable`

<!-- coherent-extract: v1 -->

## Hero

**Detected via:** `h1` (16px)

> The world’s fastest and most scalable cloud databases

## Color

| Token | Hex | Role | Usage |
|-------|-----|------|-------|
| `#414141` | ![#414141](https://placehold.co/16x16/414141/414141.png) | text | body text |
| `#000000` | ![#000000](https://placehold.co/16x16/000000/000000.png) | text | h1 text |
| `#fafafa` | ![#fafafa](https://placehold.co/16x16/fafafa/fafafa.png) | background | page background |
| `#fafafa` | ![#fafafa](https://placehold.co/16x16/fafafa/fafafa.png) | background | button-primary text |
| `#111111` | ![#111111](https://placehold.co/16x16/111111/111111.png) | background | button-primary background |
| `#0b6ec5` | ![#0b6ec5](https://placehold.co/16x16/0b6ec5/0b6ec5.png) | brand | a text |

### Backgrounds

- **page** — `#fafafa`

## Typography

**Font families**

- ui-monospace
- SFMono-Regular
- SF Mono
- Menlo
- Consolas
- Liberation Mono

**Scale**

| Role | Size | Weight | Line height | Family |
|------|------|--------|-------------|--------|
| body | `16px` | 400 | `24px` | ui-monospace |

## Spacing

Scale: `8px` · `16px` · `24px` · `40px` · `48px` · `80px`

## Radius

Scale: `0px` · `9999px`

## Motion

| Duration | Easing | Property |
|----------|--------|----------|
| `150ms` | `cubic-bezier(0.4, 0, 0.2, 1)` | all |
| `150ms` | `cubic-bezier(0.4, 0, 0.2, 1)` | color |

## Gradients

- **linear** — `linear-gradient(0deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px)`
- **linear** — `linear-gradient(90deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px)`
- **linear** — `linear-gradient(rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px)`
- **linear** — `linear-gradient(270deg, rgb(65, 65, 65), rgb(65, 65, 65) 12px, rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 0) 16px)`

## Breakpoints

Strategy: `mobile-first`

| Name | Min/Max width |
|------|---------------|
| md | `640px` |
| lg | `1024px` |
| xl | `1280px` |

## Container widths

- **footer** (unspecified) — `1280px`

## Borders

- `1px solid #414141`

## Voice

Tone: `confident` · `technical` · `performance-driven` · `declarative`

- *(hero)* "The world’s fastest and most scalable cloud databases"
- *(meta-description)* "PlanetScale offers the world’s fastest and most scalable cloud hosting for Vitess and Postgres."
- *(body)* "PlanetScale brings you the fastest databases available in the cloud."
- *(body)* "with Vitess adding ultra scalability through horizontal sharding"


---
Captured deterministically from computed CSS. Numerical fields (color, motion, spacing) reflect the live site at extraction time.