C
Cuelark UI
/
themes
Files
Code
Info
Cuelark theme
theme
Design tokens and utilities every Cuelark component uses: colors, density, shadows, crop marks, dashed rules, labels and kbd.
Atelier theme
theme-atelier
Paper with violet, editorial type, generous corners. Light and dark mode. Font: Instrument Sans.
Claude theme
theme-claude
Warm paper, clay buttons, generous corners. Light and dark mode. Font: Instrument Sans. Claude's interface uses a commercial face; Instrument Sans is the closest open alternative.
Cuelark theme
theme-cuelark
Cool mist, vivid cobalt buttons, crop marks. Light and dark mode. Font: Inter.
Linear theme
theme-linear
Hairline borders, quiet greys, one indigo accent. The default. Light and dark mode. Font: Inter, the face Linear uses, at weights 510 and 590.
Mono theme
theme-mono
Pure neutral, ink accents, Geist. Quiet and exact. Light and dark mode. Font: Geist.
Notion theme
theme-notion
Warm ink on white, Notion blue, calm and readable. Light and dark mode. Font: IBM Plex Sans. Notion uses the system UI face; Plex keeps the same calm, readable feel everywhere.
Paper theme
theme-paper
Warm paper, ink buttons and a chartreuse signal. Light and dark mode. Font: Inter.
Stripe theme
theme-stripe
Navy ink on cool white, blurple buttons, soft blue shadows. Light and dark mode. Font: Instrument Sans. Stripe uses Söhne, a commercial face; Instrument Sans is the closest open alternative.
Studio theme
theme-studio
Zinc, coral buttons, soft SaaS type, roomy. Light and dark mode. Font: Plus Jakarta Sans.
Supabase theme
theme-supabase
Neutral greys with Supabase green buttons. Light and dark mode. Font: Inter. Supabase uses Circular, a commercial face; Inter is a close, neutral open alternative.
Terminal theme
theme-terminal
Square corners, compact, mint signal, Space Grotesk. Light and dark mode. Font: Space Grotesk.
Vercel theme
theme-vercel
Black and white, Geist, tight corners, blue only for focus. Light and dark mode. Font: Geist, Vercel's own open-source face.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Cuelark theme
theme
Design tokens and utilities every Cuelark component uses: colors, density, shadows, crop marks, dashed rules, labels and kbd.
Atelier theme
theme-atelier
Paper with violet, editorial type, generous corners. Light and dark mode. Font: Instrument Sans.
Claude theme
theme-claude
Warm paper, clay buttons, generous corners. Light and dark mode. Font: Instrument Sans. Claude's interface uses a commercial face; Instrument Sans is the closest open alternative.
Cuelark theme
theme-cuelark
Cool mist, vivid cobalt buttons, crop marks. Light and dark mode. Font: Inter.
Linear theme
theme-linear
Hairline borders, quiet greys, one indigo accent. The default. Light and dark mode. Font: Inter, the face Linear uses, at weights 510 and 590.
Mono theme
theme-mono
Pure neutral, ink accents, Geist. Quiet and exact. Light and dark mode. Font: Geist.
Notion theme
theme-notion
Warm ink on white, Notion blue, calm and readable. Light and dark mode. Font: IBM Plex Sans. Notion uses the system UI face; Plex keeps the same calm, readable feel everywhere.
Paper theme
theme-paper
Warm paper, ink buttons and a chartreuse signal. Light and dark mode. Font: Inter.
Stripe theme
theme-stripe
Navy ink on cool white, blurple buttons, soft blue shadows. Light and dark mode. Font: Instrument Sans. Stripe uses Söhne, a commercial face; Instrument Sans is the closest open alternative.
Studio theme
theme-studio
Zinc, coral buttons, soft SaaS type, roomy. Light and dark mode. Font: Plus Jakarta Sans.
Supabase theme
theme-supabase
Neutral greys with Supabase green buttons. Light and dark mode. Font: Inter. Supabase uses Circular, a commercial face; Inter is a close, neutral open alternative.
Terminal theme
theme-terminal
Square corners, compact, mint signal, Space Grotesk. Light and dark mode. Font: Space Grotesk.
Vercel theme
theme-vercel
Black and white, Geist, tight corners, blue only for focus. Light and dark mode. Font: Geist, Vercel's own open-source face.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information