squish — paper + emoji
Warm paper surface, squircle corners, long-soft shadows, emoji as a first-class design element. Lowercase, taste-forward, ink-on-paper voice. The 🐙 octopus IS the wordmark — emoji is iconography, not decoration.
palette
8 tokens — every primitive in @creative-int/design reads from these via var(--*).
surface
paper
page
L 0.985 / C 0.006 / H 85
paper-warm
panel
L 0.97 / C 0.012 / H 85
paper-shade
subtle
L 0.94 / C 0.015 / H 85
ink-muted
muted
L 0.36 / C 0.012 / H 70
text
ink
text
L 0.18 / C 0.014 / H 65
ink-quiet
tertiary
L 0.54 / C 0.01 / H 75
line
rule
border
L 0.9 / C 0.012 / H 80
accent
accent
warm accent
L 0.62 / C 0.16 / H 35
typography
Stack: 'Source Serif 4', Georgia, ui-serif, serif
Weights: 400 / 500 / 600
400 · specimen typography
500 · specimen typography
600 · specimen typography
Same primitives, different voice. The measured paragraph keeps body rhythm visible instead of relying on a single display line.
radii
5 values in the corner scale.
sm
8px
md
12px
lg
16px
xl
20px
card
28px
in context
A bounded preview surface using this style's tokens. Drop real primitives in here without reaching for any other CSS.
specimen
Workspace preferences
The same button and keyboard anatomy dressed in this token sheet.