AscensionAscensionfactory
Design systemDashboard

Design system

The shared Ascension component library every stamped project starts from — packages/ui, synced to claude.ai/design. Press d to see both themes.

Buttons

default
outline
secondary
ghost
destructive
link
as linkrenders an anchor

Logo

wordmarkAscensionAscensionAscensionAscensionAscensionAscensionAscensionAscension
icon-aAscensionAscensionAscensionAscensionAscensionAscensionAscensionAscension
icon-slashesAscensionAscensionAscensionAscensionAscensionAscensionAscensionAscension

Color tokens

background

foreground

card

popover

primary

secondary

muted

accent

destructive

border

input

ring

Level tokens

level-red

level-yellow

level-green

level-blue

Chart ramp

chart-1

chart-2

chart-3

chart-4

chart-5

Typography

Roboto Slab carries headings — font-heading

Inter carries body copy — font-sans. The quick brown fox jumps over the lazy dog.

Geist Mono carries code — font-mono. const answer = 42

Radius scale

rounded-sm

rounded-md

rounded-lg

rounded-xl

rounded-2xl

Ascension code homePress d to toggle dark mode