taste-skill / Compare styles / PlanetScale vs Turso

PlanetScale vs Turso: design style comparison

PlanetScale is Pure Monospace ASCII Engineering Manual & Zero-Radius Brutalism; Turso is Deep Oceanic Teal & Neon Aquamarine Edge Database. Both were extracted with the same taste-skill pipeline, so every value below is directly comparable. 15 of 18 tracked tokens differ.

Side-by-side preview

PlanetScale style · light
Ship the product, not the pixels.
Preview text rendered with the extracted PlanetScale canvas, text, muted and accent tokens.
Get in touch View sandbox
Card on surface + border tokens
Accent link: #F35815 · border #C1C1C1

Turso style · dark

Ship the product, not the pixels.

Preview text rendered with the extracted Turso canvas, text, muted and accent tokens.

Try Cloud free

Card on extracted card recipe

Accent link: #4FF8D2 · border #283945

Key differences

PlanetScale is a light design (canvas #FAFAFA) while Turso is dark (canvas #0F1317).
Accent: #F35815 (PlanetScale) vs #4FF8D2 (Turso).
Headings: SF Mono / ui-monospace vs Inter (800 ExtraBold).
Display type: PlanetScale H1 is 20px Mono / -0.02em (w700); Turso H1 is 60px / -0.025em (w800) — Turso sets 40px larger headlines.
Primary button radius: 0px vs 9999px; height 32px vs 44px.
Depth: PlanetScale shows no box-shadows; Turso uses rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px most.

Token table

Token	PlanetScale	Turso
Canvas	`#FAFAFA`	`#0F1317`
Surface	`#FFFFFF`	`#0D1318`
Text	`#111111`	`#FFFFFF`
Muted text	`#414141`	`rgba(255, 255, 255, 0.5)`
Accent	`#F35815`	`#4FF8D2`
Border	`#C1C1C1`	`#283945`
Heading font	`SF Mono / ui-monospace`	`Inter (800 ExtraBold)`
Body font	`SF Mono / ui-monospace`	`Inter`
Mono font	`SF Mono / ui-monospace`	`JetBrains Mono`
H1	`20px Mono / -0.02em (w700)`	`60px / -0.025em (w800)`
Button radius	`0px`	`9999px`
Button height	`32px`	`44px`
Most-used radius	`—`	`8px`
Most-used shadow	`none`	`rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px`
Easing same	`cubic-bezier(0.4, 0, 0.2, 1)`	`cubic-bezier(0.4, 0, 0.2, 1)`
Duration same	`0.15s`	`0.15s`
Container max-width same	`1280px`	`1280px`
Mode	`light`	`dark`

Primary buttons

Rendered	Height	Padding	Radius	Background / Text	Border	Font
Get in touch	32px	`0px 8px`	`0px`	`#F35815` `#FFFFFF`	`none`	`16px / 600`
View sandbox	32px	`0px 8px`	`0px`	`transparent` `#414141`	`2px solid #F35815`	`16px / 600`

Rendered	Height	Padding	Radius	Background / Text	Border	Font
Try Cloud free	44px	`12px 24px`	`9999px`	`#4FF8D2` `#000000`	`none`	`14px / 600`

Which style should you pick?

Pick PlanetScale if you want Stark #FAFAFA technical manual canvas set entirely in system monospace with ASCII box-drawing diagrams, 1px #C1C1C1 / #414141 borders, 0px sharp corners, and #F35815 signal orange CTAs — signals: light, monospace, ascii, brutalist, mysql, postgres, planetscale, zero-radius, engineering, orange.

Pick Turso if you want Dark oceanic #0F1317 / #0D1318 canvas with rgba(40,57,68,0.6) slate-teal borders, heavy 800-weight 60px Inter display headlines (-0.025em), and high-contrast #4FF8D2 aquamarine pill CTAs — signals: dark, sqlite, edge, aquamarine, teal, cyan, turso, devtools, neon.

Shared traits: database.

Rules that differ

PlanetScale never:

NEVER substitute generic uncalibrated gray backgrounds for PlanetScale’s exact #FAFAFA canvas and #FFFFFF surface pairing.
NEVER replace SF Mono / ui-monospace display typography or ignore its signature scale (20px Mono / -0.02em (w700)).
NEVER use thick opaque borders that clash with #C1C1C1 (1px solid #C1C1C1).

Turso never:

NEVER substitute generic uncalibrated gray backgrounds for Turso’s exact #0F1317 canvas and #0D1318 surface pairing.
NEVER replace Inter (800 ExtraBold) display typography or ignore its signature scale (60px / -0.025em (w800)).
NEVER use thick opaque borders that clash with #283945 (1px solid #283945).

Go deeper

PlanetScale style guide Turso style guide PlanetScale token spec Turso token spec Supabase vs PlanetScale PlanetScale vs Upstash Turso vs Neon

Values extracted from https://planetscale.com and https://turso.tech. Not affiliated with either company.

Get all 30 full SKILL.md specs (Cursor / Claude Code / Codex ready) plus the Pro growth skills.

See taste-skill Pro →