Skip to main content

Global Design System

Module identity rules

Each module keeps its own functional identity; Founder Files sets the maturity bar.

Complete

The design system is shared. Each module keeps its own functional identity. Founder Files sets the maturity bar — the editorial-paper feel, the 3:4 cover with SVG fallback, the Best For block. Other modules borrow the visual maturity but adapt it to their function.

What is shared (the design system)

  • The two anchors: purple + orange. No module gets a third brand color.
  • The typography tokens: every heading uses `.t-*` classes.
  • The badge formula: mono 11px CAPS 0.10em tracking.
  • The section rhythm: `.cal-section` + mobile polish layer.
  • The border-radius rule: `rounded-md` everywhere.
  • The motion patterns: subtle, reduced-motion-aware, GPU-only.

What is module-specific (the functional identity)

Calendar · date-driven
Hero is a Signal Board. Cards show date blocks. Deadlines are first-class. 8 event-card variants encode the different temporal states.
Coverage · event-anchored
16:9 cover + "kind" chip (recap / analysis / highlights / pitch-result / sponsor-spotlight). Always anchors back to the parent event.
Founder Files · book-like
3:4 portrait cover with editorial SVG fallback. File numbers (#01-#NN). Sponsor mini-row. Download is the primary CTA. Sets the maturity bar.
Founder Profiles · person-led
Identity avatar + role + featured + profile-status badge stack (editorial / founder-led). Snapshot card with credentials.
Startup Showcase · brand-canvas
16:9 logo canvas + sector/stage/country chips + Verified badge. Founder linkage is featured at top of detail.
Opportunity Radar · status-tinted
Status strip across top of card colors the whole surface (open=green, closing-soon=orange, rolling=purple, closed=muted). Deadline pill inline.
Editorial · magazine-feel
Type eyebrow (news / analysis / commentary / interview / profile / guide). Title + dek + author + reading time. Long-form reading column at `max-w-3xl`.