taste-skill / Compare styles / Turso vs Neon

Turso vs Neon: design style comparison

Turso is Deep Oceanic Teal & Neon Aquamarine Edge Database; Neon is Serverless Pitch-Black & Luminous Cyber-Mint Postgres. Both were extracted with the same taste-skill pipeline, so every value below is directly comparable. 12 of 18 tracked tokens differ.

Side-by-side preview

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

Neon style · dark

Ship the product, not the pixels.

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

Card on surface + border tokens

Accent link: #34D59A · border #242628

Key differences

Both are dark-mode designs, but the canvases differ: #0F1317 vs #000000.
Accent: #4FF8D2 (Turso) vs #34D59A (Neon).
Headings: Inter (800 ExtraBold) vs Inter.
Display type: Turso H1 is 60px / -0.025em (w800); Neon H1 is 56px / -0.04em (w400) — Turso sets 4px larger headlines.
Depth: 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; Neon uses rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, lab(100 -0.0000298023 0.0000119209 / 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px most.

Token table

Token	Turso	Neon
Canvas	`#0F1317`	`#000000`
Surface	`#0D1318`	`#131415`
Text same	`#FFFFFF`	`#FFFFFF`
Muted text	`rgba(255, 255, 255, 0.5)`	`#94979E`
Accent	`#4FF8D2`	`#34D59A`
Border	`#283945`	`#242628`
Heading font	`Inter (800 ExtraBold)`	`Inter`
Body font same	`Inter`	`Inter`
Mono font same	`JetBrains Mono`	`JetBrains Mono`
H1	`60px / -0.025em (w800)`	`56px / -0.04em (w400)`
Button radius same	`9999px`	`9999px`
Button height	`44px`	`36px`
Most-used radius	`8px`	`4px`
Most-used shadow	`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`	`rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, lab(100 -0.0000298023 0.0000119209 / 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px`
Easing same	`cubic-bezier(0.4, 0, 0.2, 1)`	`cubic-bezier(0.4, 0, 0.2, 1)`
Duration	`0.15s`	`0.2s`
Container max-width	`1280px`	`1600px`
Mode same	`dark`	`dark`

Primary buttons

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

Rendered	Height	Padding	Radius	Background / Text	Border	Font
Sign up	36px	`0px 18px`	`9999px`	`#FFFFFF` `#000000`	`none`	`14px / 500`
Get started	44px	`0px 28px`	`9999px`	`#FFFFFF` `#1A1A1A`	`none`	`16px / 500`
Log in	36px	`0px 18px`	`9999px`	`transparent` `#FFFFFF`	`1px solid #61646B`	`14px / 500`

Which style should you pick?

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: sqlite, edge, aquamarine, teal, cyan, turso.

Pick Neon if you want Pitch-black #000000 canvas with #242628 / #303236 dark structural borders, 56px tight -0.04em Inter display headings, and #34D59A / #00E599 luminous cyber-mint accents — signals: postgres, serverless, mint, neon-green, pitch-black.

Shared traits: dark, database, devtools, neon.

Rules that differ

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).

Neon never:

NEVER substitute generic uncalibrated gray backgrounds for Neon’s exact #000000 canvas and #131415 surface pairing.
NEVER replace Inter display typography or ignore its signature scale (56px / -0.04em (w400)).
NEVER use thick opaque borders that clash with #242628 (1px solid #242628).

Go deeper

Turso style guide Neon style guide Turso token spec Neon token spec PlanetScale vs Turso Supabase vs Neon Neon vs Upstash Resend vs Neon Trigger.dev vs Neon Railway vs Neon

Values extracted from https://turso.tech and https://neon.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 →