Tokens
Rendered at build time by parsing tokens.css — the file consumers import is the only source of truth. Edit a token, rebuild, and this page changes.
Color
--fui-surface-base
#fbfdff
#0a1220
--fui-surface-raised
#eff5fd
#111a2e
--fui-glass-1
rgba(244, 249, 255, 0.72)
rgba(14, 23, 42, 0.66)
--fui-glass-2
rgba(233, 243, 254, 0.6)
rgba(17, 28, 50, 0.55)
--fui-glass-3
rgba(223, 237, 253, 0.45)
rgba(21, 33, 58, 0.42)
--fui-ink
#0c1524
#e8eef8
--fui-ink-secondary
#3c4b63
#aebdd2
--fui-ink-muted
#56677e
#8c9cb3
--fui-accent
#1e59b5
#7dabf5
--fui-accent-strong
#17479a
#9ec1f8
--fui-aurora
#0c6f57
#bb9df7
--fui-line
#c3d5ea
#2c3f5e
--fui-glass-sheen
rgba(255, 255, 255, 0.55)
rgba(173, 203, 245, 0.09)
Radius
--fui-radius-xs · 4px
--fui-radius-sm · 6px
--fui-radius-md · 10px
Glass blur
--fui-blur-1
8px
--fui-blur-2
16px
--fui-blur-3
24px
Elevation
--fui-shadow-float-1
--fui-shadow-float-2
Type
The frost forms sharp, six-fold symmetry.
--fui-font-sans · "Inter Variable", system-ui, sans-serif
The frost forms sharp, six-fold symmetry.
--fui-font-display · "Inter Variable", system-ui, sans-serif
The frost forms sharp, six-fold symmetry.
--fui-font-mono · "JetBrains Mono Variable", ui-monospace, monospace
--fui-text-prose · 1.0625rem
--fui-leading-prose · 1.75