all examplescached · revalidates daily
// extracted2026-05-17 · 01:25:46 utc·deterministic·451,474 bytes css · 2 sheets

Supabase

supabase.com

Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.

15 colours·1 type roles·10 spacing steps·5 radii·3 shadows

Colours / 15

from 451,474 bytes

Primary

color-brandCITED
#3FCF8E
headings, borders1 CITES
color-accentCITED
#34B97D
general UI1 CITES
color-secondaryCITED
#097C4F
general UI1 CITES
color-primary-4CITED
#85E0BA
general UI1 CITES
color-primary-5CITED
#006239
general UI1 CITES
color-primary-6CITED
#72E3AD
general UI1 CITES
color-primary-7CITED
#00C573
general UI1 CITES
color-primary-8CITED
#00311D
general UI1 CITES

Neutral

color-neutral-1CITED
#000000
buttons, headings, body text13 CITES
color-neutral-2CITED
#000A07
general UI1 CITES
color-neutral-3CITED
#041B10
general UI1 CITES
color-inkCITED
#1E1E1E
headings, borders, backgrounds1 CITES
color-ink-2CITED
#122B20
general UI1 CITES
color-surfaceCITED
#EBFAF3
headings, body text, borders1 CITES
color-surface-2CITED
#FAFEFD
body text, borders, backgrounds4 CITES

Type ramp / 1 roles

Circular · Inter · Ubuntu · Source Code Pro
codeThe forensic notebook14.4px / 1.5 · 400 · Source Code Pro

Spacing / 10 steps

extracted from padding · margin · gap
space-10px
space-24px
space-38px
space-412px
space-516px
space-620px
space-724px
space-832px
space-948px
space-1096px

Radius / 5 values

extracted from border-radius
radius-sm4px
radius-md6px
radius-lg8px
radius-xl10px
radius-fullfull

Elevation / 3 levels

box-shadow · grouped by blur
shadow-smCards at rest, low ambient elevation
shadow-mdDropdowns, popovers
shadow-lgModals, overlays