Before
an idea becomes [*] an idea
it is usually

[→] something you noticed [←]

Clip anything from anywhere

Everything you save, in one canvas

Controls

Selected, not styled

Join waitlist On ink Disabled
Join waitlist On ink ← hover state
On blue handles invert on the blue band
your@email.com designer@studio.com ← recommended focus ring

The CTA is dressed as a selected object: a 50px paper button at 0px radius with a 1px #2951e6 outline and four 16px handles pinned at -8px, each carrying a 1px paper border. The site zeroes its own focus outline (an anti-pattern) — shown here with the recommended 2px #2951e6 at 3px offset, which matches the handle motif.

Typography

Two display faces, one composition

Poster (h1) · PhonkSansHeavy · 130/117 · 700 · -4% · UPPERNoticed
Headline (h2) · Ronzino · 126/113.4 · 500 · -3.78pxBefore
Copy · Ronzino · 48.64 · 500 · -3.78pxClip anything
Body · Ronzino · 32 · 500 · normalDesigned for designers, by designers.
Button / nav · Ronzino · 24/30 · 500 · normalJoin waitlist
Caption · Ronzino · 21.12 · 500 · normalClip anything from anywhere

Scale is a 1.52× modular ratio: 21.12 / 32 / 48.64 / 73.92 / 112.32px. Line-height sits below font size (~0.9) so lines collide. Specimen uses Archivo Black as an open stand-in; the site ships Phonk Sans Heavy, with Ronzino falling back to the system sans.

Palette

Four base tokens, 108 total

Base tokens (each with a 5–90 alpha ramp and d-1..d-4 / l-1..l-4 shades)
paper#f7f7f6
ink#131313
muted#858585
blue#2951e6
Applied fills
blob-blue#2336f1
surface#e0e0df
surface-2#cacac9
faint#b3b3b2
white#ffffff
ink-50rgba(19,19,19,.5)
muted-90rgba(133,133,133,.9)
Rationed accents — one appearance each
yellow#fad84c
pink#f7b7d4
Depth & motion

Square, flat, one shadow

0px — every control
1.65px pair
6.5px one-off
16px 16px 0 0
0 0 16px 16px
16px 0 0 16px
flat — 1px hairline
0.952381px fractional
the only shadow (inset)

Motion is GSAP 3.13.0 + Rive, not CSS — only three CSS transitions exist on the page (opacity .12s, opacity .3s ease-in-out, transform .18s cubic-bezier(.2,0,0,1)) and zero authored keyframes, which is a finding rather than a gap. Four Rive canvases drive the loading intro and the walking mascot; the site ships 5 prefers-reduced-motion blocks.