capad.fyi · hero revamp · iteration log
Every sheet is a single self-contained HTML file. Open them in a real browser —
they use SVG filters, CSS masks, mix-blend-mode and @property,
so any thumbnailer or link-preview service will show you a broken page that does not
exist.
cubic-bezier(.34,1.4,.64,1), radius morphing to an asymmetric blob,
staggered quotes, your --mx/--my spotlight, droplets below — and a note on why
the goo filter is off by default.
newest · 18 KB
No box. The page is the hero.
Full reinnovation: no pane, no radius, no shadow, no centring. Statement 84px against a 23px
wordmark. The chip replaced by a real availability fact in the masthead. Testimonials Option B as a
hover-revealed liquid panel. data-rise replaces liquid-intro and works on
every section — hit replay.
newest · 180 KB
The handoff: hero into Selected work
Scoped to the hero. Radius 40, hairline, bevel, eyebrow pill and proof strip all lifted
from globals.css. The sheet's bottom edge is a perforation, See the work sits
on the tear, and your real glass cards begin underneath unchanged. Also: the new section order
with nothing cut, and testimonials A or B.
newest · 174 KB
The run: content and flow
The whole site after the hero. New proof ledger aggregating every number you
already publish. Testimonials moved onto the projects they reference. Experience merged with
the manifesto. The stack cut from the main flow. Contact reframed as a colophon.
newest · 179 KB
T4 leads, and the picture is whole
The portrait was being cover-cropped to about four-fifths of its own width and then
bled off two more edges. It is now pinned to its real aspect ratio and sits whole on the
paper at 390 / 820 / 1440. T4 (chewed edge, full colour) leads, T2 is the alternate,
T1 is held. Deckle and live ink switching kept; B1 + B3 ship together.
current · 174 KB
You were right about the darkening
Skin tone sampled off the photograph (50.4% saturation) and rebuilt as the ink set.
Four tone treatments, the full 1440 page with three annotated folds, and pointer + drag together.
182 KB
Edges, then behaviour
Five edge treatments (crisp / bleed / halftone / photocopy chew / registration fringe)
and four live behaviours. Superseded by the sheet above.
242 KB
Sticker sheet, three ways
Contact Sheet, The Drawer and Riso Layers — each drawn at 390 / 820 / 1440 so the
responsive mechanism is the thing being judged. Riso Layers became option C.
207 KB
Four directions for the hero
The first pass: Interruption, The Portrait, Kinetic Monument and Sticker Sheet,
with the diagnosis that the original had five elements competing at equal weight.
215 KB