components — default
The site's own surface — near-monochrome, cool slate, oklch end-to-end. Inherits @creative-int/design defaults with restraint.
palette
8 tokens — every primitive in @creative-int/design reads from these via var(--*).
background
page
background-secondary
panel
background-tertiary
subtle
foreground
text
foreground-secondary
muted
foreground-tertiary
tertiary
border
rule
primary
accent
typography
Stack: ui-sans-serif, system-ui, -apple-system, sans-serif
Weights: 400 / 460 / 500
the quick brown fox
Same primitives, different voice. Apply this style on top of the L1 surface and the menu, dialog, command palette, and field components inherit the new aesthetic.
radii
5 values in the corner scale.
sm
4px
md
6px
lg
10px
xl
14px
card
18px
in context
A bounded preview surface using this style's tokens. Drop the primitives in here without reaching for any other CSS.
Settings
Workspace preferences
The same anatomy you see across other styles, dressed in components — default.