Paper
#F5F3EC var(--color-paper)
Page background — the founder-paper canvas.
Brand system · live style guide
The Done Viral brand system.
Every token, type ramp, and component below is rendered live from the
same theme tokens and component library that build the site — a working
mirror of research/brand.md. Modern, edgy, founder-native
neo-brutalist editorial: founder-paper canvas, near-black ink, electric
indigo, signal-yellow pops, thick 2px borders and hard offset shadows.
01 · Color
Seven brand colors
Each swatch renders its actual theme token (CSS var) — the label shows the exact hex it must equal. Paper dominates; indigo and yellow are accents, never areas.
02 · Typography
Three faces, three jobs
Display is expanded Archivo (the wdth axis at 125) for headlines and numbers; body is Archivo for running copy; Space Mono carries every label.
Display — Archivo (wdth 125) Hero headline. clamp(2.5–5.4rem), weight 900, tracking -.03em.
Build the crowd.
Display — h1 Page / hero scale. Expanded Archivo, weight 900.
Done, not hoped for.
Display — h2 (section title) sec-title. clamp(1.8–2.9rem), weight 800, tracking -.02em.
Standards, not promises.
Display — h3 (sub-head) Panel / card / outcome headings. ~1.35–1.7rem, weight 800.
Walk in oversubscribed.
Body — Archivo All running text. ~17px, weight 400–600, line-height 1.6.
Most founders open a raise to an empty room. We build the crowd that wants in — the tools, workflows, and content that fill the room before you open your raise on a platform like Zorro Fund.
Mono — Space Mono Labels, eyebrows, data, stickers, tags, disclaimer. Uppercase, wide tracking, small.
Tools · Workflows · Playbooks
03 · Logo
The dot + wordmark
A filled indigo dot with a 2px ink border — the signal made physical — beside the Done Viral wordmark in display Archivo.
Done Viral
- Dot — 11px circle, indigo fill, 2px ink border, fully round.
- Wordmark — display Archivo, weight 900, tracking -.02em, non-breaking space.
- Lockup — one baseline row, ~0.5ch gap; dot tuned to the wordmark cap-height.
- Don't recolor the dot, split the words, or drop the 2px border.
04 · Components
The component gallery
Live instances of every signature primitive — bordered, slightly-raised physical objects on paper. Hover any to feel the lift.
Button — primary & alt
Tag — mono pill
Raise as a Service
Sticker — default · y · i
Zero begging Not vibes Open loud
Card — with icon tile
✦
Build the crowd
Bordered paper-2 surface, 16px radius, hard offset shadow, hover lift. The 44px yellow icon tile is optional.
Marquee — decorative scrolling band (aria-hidden, static under reduced motion)
05 · Motion
Fast, ease-out, small
The Emil Kowalski philosophy: ~150–700ms, cubic-bezier(.16,1,.3,1), tiny translate + blur-up, staggered. Reduced motion shows the final state immediately.
Reveal — blur-up + translateY on scroll, staggered ~0.07s
Position
Build the crowd
Make it travel
Open loud
Hover lift — translate(-2px,-2px), offset shadow grows 5→7px
Hover me Hover this card