# PlanetScale

> Generated by BrandSweets from the planetscale-com BrandDoc (v3, schema 1). Do not edit by hand.

## Identity

**Tagline:** PlanetScale offers the world’s fastest and most scalable cloud hosting for Vitess and Postgres.

**Domain:** planetscale.com


PlanetScale offers the world’s fastest and most scalable cloud hosting for Vitess and Postgres.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | — | `#f35815` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | — | `#f35815` | — | Secondary brand color. |
| `accent` | — | `#0b6ec5` | — | Accent: highlights and secondary emphasis. |
| `surface` | — | `#fafafa` | — | Page and card background. |
| `text` | — | `#000000` | — | Body text on surface. |

### Scales

- **primary:** 50 `#faf3f0`, 100 `#f2e0d9`, 200 `#fac1a8`, 300 `#f89a72`, 400 `#f57842`, 500 `#f35815`, 600 `#d5480b`, 700 `#ae3b09`, 800 `#882e07`, 900 `#5a230c`, 950 `#3b1708`
- **secondary:** 50 `#faf3f0`, 100 `#f2e0d9`, 200 `#fac1a8`, 300 `#f89a72`, 400 `#f57842`, 500 `#f35815`, 600 `#d5480b`, 700 `#ae3b09`, 800 `#882e07`, 900 `#5a230c`, 950 `#3b1708`
- **accent:** 50 `#f0f5fa`, 100 `#d9e6f2`, 200 `#a8d4fa`, 300 `#73b9f7`, 400 `#43a1f4`, 500 `#188cf2`, 600 `#0b6ec5`, 700 `#0a61ae`, 800 `#084c87`, 900 `#0c365a`, 950 `#08233a`
- **surface:** 50 `#fafafa`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#212121`
- **text:** 50 `#f5f5f5`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#000000`

## Typography

### Families

#### SFMono-Regular `sfmono-regular`
- **Source:** custom
- **Weights:** 400 Regular, 600 Semibold, 700 Bold
- **Fallback stack:** `SFMono-Regular, ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`
- **Licensing:** Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

### Role assignments

- **heading:** SFMono-Regular (`sfmono-regular`)
- **body:** SFMono-Regular (`sfmono-regular`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.6 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.25 | — |
| 2xl | 2.25 | 1.15 | — |
| display | 3.5 | 1.05 | -0.02 |

## Logos

### primary
- **Formats:**
  - `svg` (32×32): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2020C0%208.954%208.954%200%2020%200c8.121%200%2015.112%204.84%2018.245%2011.794l-26.45%2026.45a20%2020%200%200%201-3.225-1.83L24.984%2020H20L5.858%2034.142A19.94%2019.94%200%200%201%200%2020M39.999%2020.007%2020.006%2040c11.04-.004%2019.99-8.953%2019.993-19.993%22%2F%3E%3C%2Fsvg%3E
- **Clearspace:** 1× logo-height — Default clearspace of one logo-height on all sides (auto-seeded; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** any

### mono
- **Formats:**
  - `svg` (32×32): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cstyle%3E*%7Bfill%3A%23000000%3Bcolor%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M0%2020C0%208.954%208.954%200%2020%200c8.121%200%2015.112%204.84%2018.245%2011.794l-26.45%2026.45a20%2020%200%200%201-3.225-1.83L24.984%2020H20L5.858%2034.142A19.94%2019.94%200%200%201%200%2020M39.999%2020.007%2020.006%2040c11.04-.004%2019.99-8.953%2019.993-19.993%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any
- **Notes:** Derived from primary (flattened to #000000). Auto-generated — review before use.

### inverse
- **Formats:**
  - `svg` (32×32): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cstyle%3E*%7Bcolor%3Argb(225%2C%20225%2C%20225)%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2020C0%208.954%208.954%200%2020%200c8.121%200%2015.112%204.84%2018.245%2011.794l-26.45%2026.45a20%2020%200%200%201-3.225-1.83L24.984%2020H20L5.858%2034.142A19.94%2019.94%200%200%201%200%2020M39.999%2020.007%2020.006%2040c11.04-.004%2019.99-8.953%2019.993-19.993%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### app-icon
- **Formats:**
  - `png` (32×32): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJcSURBVHgBxZe7jtpAFIaP7ZW4FBAQRSrkF0C4QYpEE7oIik1KJIqkQ6JIOgoKNg2CKpuOMh0pE4lLR1JQbEFh8QILvACmc4X3nFmMEGLGgwHzSSM89sH/f8ZzVeCAVCr1frPZ3DuO8xGrOlwGU1EUE9/73bKs+f4Dxb14g6iq2kThb3BF0Mjj1oi1M0Di+OAfXhoQDCYmWiATKtUo8wDFCWOrCQomr2P2z3ADNE0raNFo9AcEm/0+6zv8FtLi8XgcyuUy5PN5yGQykE6nX9+yXsNkMoHhcAi9Xk/2dYDa90oikXBkgqvVKtTrdWZCxHK5hE6nI21Ei0QiD15BrVaLiYfDYa9QZrBUKkEsFoPxeOwZ72mAxCn7U8nlclImhAboezebTfALmaD+MZ1OuTHCPmCa5q6j+YUMGIbBfo+h8v5I2Z8rTnS7Xa640ECxWIRzodFARQTXAI3za4sLDZzT/LLiQgOyQslkknUymoB44jSHcKFRcKwsFgtHRLvdZnHZbHYX697bL3RvNps5PB2ugX6/fxFxYjAYnG6gUqlcRJyo1WqnG9B13cENy9niFMfTEBo4bAU/4l7ZexpwX+hX/FjMyQbccg1xKncgiTsz8sa5O9ZpPmg0GoA9H2Sg1ZA2pDr4hIRp4aIt2Wg0Yr+ixecAU8GZ7BFb7CvcANyN/9JCoZCNF5/hBmDinzTbtue4NU9g/R0ECCb9c7Va/daogq3whDc+4OVbCAY6mn3B5G22GlqvU16BXMGVIQ1ney5k9cMAOqrhue0Bg7JwuRPTHIX/4qn4D+r+33/wApTSoBFBDL2BAAAAAElFTkSuQmCC
- **Allowed backgrounds:** any

## Boards

- **Cover** — `cover` (`board-cover`)
- **Color System** — `color-system` (`board-colors`)
- **Type Specimen** — `type-specimen` (`board-type`)
- **Logo Suite** — `logo-suite` (`board-logos`)

## Resources

- Tokens (JSON): /b/planetscale-com/tokens.json
- Tokens (CSS): /b/planetscale-com/brand.css
- This document: /b/planetscale-com/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/planetscale-com/mcp
- Agent integration guide: /agents.md