Curated presets

Start with a direction, not a blank canvas

Every theme is a complete, editable configuration: color, charts, radius, typography, rhythm and icons. The same id travels through the web, CLI, MCP and VS Code.

Create my own JSON catalog

Light

Signal

Weekly activity

+18%

Dark

Signal

Weekly activity

+18%

Foundation

The balanced monochrome default for product interfaces, prototypes and starter projects.

productneutralbalanced

Base: neutral
Accent: base
Radius: default
Icons: Lucide

Readability clear

1 contrast note

dark · destructive-foreground / destructive· WCAG 2.77 · APCA -56.3

Open in studio

bmV1dHJhbHxiYXNlfGRlZmF1bHR8ZGVmYXVsdHxpbnRlcnxpbnRlcnxtb25vfGRlZmF1bHR8ZGVmYXVsdHxkZWZhdWx0fGRlZmF1bHR8bHVjaWRl

Light

Signal

Weekly activity

+18%

Dark

Signal

Weekly activity

+18%

Cobalt Workspace

A crisp blue workspace with slate neutrals and geometric headings for focused SaaS products.

saasworkspaceblue

Base: slate
Accent: blue
Radius: lg
Icons: Lucide

Readability clear

3 contrast notes

dark · primary-foreground / primary· WCAG 3.60 · APCA -66.7
dark · destructive-foreground / destructive· WCAG 2.76 · APCA -56.1
dark · sidebar-primary-foreground / sidebar-primary· WCAG 3.60 · APCA -66.7

Open in studio

c2xhdGV8Ymx1ZXxibHVlfGxnfGludGVyfGdyb3Rlc2t8bW9ub3xkZWZhdWx0fGRlZmF1bHR8ZGVmYXVsdHxkZWZhdWx0fGx1Y2lkZQ

Light

Signal

Weekly activity

+18%

Dark

Signal

Weekly activity

+18%

Verdant Operations

Compact operational typography, green data accents and Tabler icons for control-heavy tools.

operationsdatagreen

Base: zinc
Accent: green
Radius: md
Icons: Tabler

Readability clear

5 contrast notes

light · primary-foreground / primary· WCAG 4.17 · APCA -71.7
light · sidebar-primary-foreground / sidebar-primary· WCAG 4.17 · APCA -71.7
dark · primary-foreground / primary· WCAG 8.03 · APCA 56.1
dark · destructive-foreground / destructive· WCAG 2.77 · APCA -56.3
dark · sidebar-primary-foreground / sidebar-primary· WCAG 8.03 · APCA 56.1

Open in studio

emluY3xncmVlbnxncmVlbnxtZHxpbnRlcnxpbnRlcnxtb25vfHJlbGF4ZWR8c218cmVsYXhlZHxkZWZhdWx0fHRhYmxlcg

Light

Signal

Weekly activity

+18%

Dark

Signal

Weekly activity

+18%

Editorial Rose

Serif-led reading rhythm with warm stone neutrals and restrained rose accents.

editorialcontentserif

Base: stone
Accent: rose
Radius: sm
Icons: Phosphor

Readability clear

5 contrast notes

light · primary-foreground / primary· WCAG 4.50 · APCA -72.6
light · sidebar-primary-foreground / sidebar-primary· WCAG 4.50 · APCA -72.6
dark · primary-foreground / primary· WCAG 3.60 · APCA -65.0
dark · destructive-foreground / destructive· WCAG 2.77 · APCA -56.3
dark · sidebar-primary-foreground / sidebar-primary· WCAG 3.60 · APCA -65.0

Open in studio

c3RvbmV8cm9zZXxyb3NlfHNtfHNlcmlmfHNlcmlmfG1vbm98bmFycm93fGxnfHJlbGF4ZWR8cmVsYXhlZHxwaG9zcGhvcg

Light

Signal

Weekly activity

+18%

Dark

Signal

Weekly activity

+18%

Violet Studio

Expressive violet actions, generous shape and display typography for creative products.

creativestudioviolet

Base: neutral
Accent: violet
Radius: xl
Icons: Phosphor

Readability clear

3 contrast notes

dark · primary-foreground / primary· WCAG 4.22 · APCA -71.9
dark · destructive-foreground / destructive· WCAG 2.77 · APCA -56.3
dark · sidebar-primary-foreground / sidebar-primary· WCAG 4.22 · APCA -71.9

Open in studio

bmV1dHJhbHx2aW9sZXR8dmlvbGV0fHhsfGludGVyfGdyb3Rlc2t8bW9ub3xkZWZhdWx0fGxnfGRlZmF1bHR8cmVsYXhlZHxwaG9zcGhvcg

Light

Signal

Weekly activity

+18%

Dark

Signal

Weekly activity

+18%

Ember Commerce

Warm orange actions and stone surfaces tuned for storefronts, catalogs and checkout flows.

commercewarmorange

Base: stone
Accent: orange
Radius: lg
Icons: Hugeicons

Readability clear

5 contrast notes

light · primary-foreground / primary· WCAG 3.44 · APCA -64.2
light · sidebar-primary-foreground / sidebar-primary· WCAG 3.44 · APCA -64.2
dark · primary-foreground / primary· WCAG 6.84 · APCA 49.6
dark · destructive-foreground / destructive· WCAG 2.77 · APCA -56.3
dark · sidebar-primary-foreground / sidebar-primary· WCAG 6.84 · APCA 49.6

Open in studio

c3RvbmV8b3JhbmdlfG9yYW5nZXxsZ3xpbnRlcnxpbnRlcnxtb25vfGRlZmF1bHR8ZGVmYXVsdHxkZWZhdWx0fGRlZmF1bHR8aHVnZWljb25z

Light

Signal

Weekly activity

+18%

Dark

Signal

Weekly activity

+18%

Monochrome Console

Square, compact and monospace-first for terminals, diagnostics and dense technical surfaces.

developerconsoledense

Base: zinc
Accent: base
Radius: none
Icons: Tabler

Readability clear

1 contrast note

dark · destructive-foreground / destructive· WCAG 2.77 · APCA -56.3

Open in studio

emluY3xiYXNlfGdyZWVufG5vbmV8bW9ub3xtb25vfG1vbm98bmFycm93fHNtfGRlZmF1bHR8dGlnaHR8dGFibGVy

Light

Signal

Weekly activity

+18%

Dark

Signal

Weekly activity

+18%

Calm Documentation

A spacious gray reading system with quiet chrome and blue charts for technical documentation.

documentationreadingcalm

Base: gray
Accent: base
Radius: md
Icons: Lucide

Readability clear

1 contrast note

dark · destructive-foreground / destructive· WCAG 2.77 · APCA -56.3

Open in studio

Z3JheXxiYXNlfGJsdWV8bWR8aW50ZXJ8Z3JvdGVza3xtb25vfHJlbGF4ZWR8ZGVmYXVsdHxyZWxheGVkfHJlbGF4ZWR8bHVjaWRl

One id, every surface

Tune the preset in Create, apply it with the CLI, hand it to an agent through MCP, or export it to Figma, CSS, iOS and Android without translating values by hand.

Explore cross-platform tokens

Honest audit by default

Presets are editorial starting points, not certifications. Every measured warning stays visible so you can review it in product context.