Skip to main content

Modules Documentation

Responsive requirements

Mobile, tablet, desktop expectations.

Complete

Founder Profiles is highly photo-driven — the 1:1 avatar dominates the visual hierarchy. Mobile collapses the snapshot sidecard below the hero, keeps the avatar prominent, and stacks the linked-startup block + Related Signals + social links vertically.

Per-breakpoint behaviors

Mobile (≤640px)
Listing: 1-up grid. Avatar prominent (96px). Detail: hero stacks vertically (avatar → identity row → snapshot → about → linked startup → signals). Filter row becomes horizontal scroll.
Tablet (641-1023px)
Listing 2-up. Detail: 2-column hero (main + snapshot). Linked startup full-width.
Desktop (≥1024px)
Listing 3-up. Detail: full layout with snapshot sidecard sticky on long scrolls (Phase 2).

Photo-specific rules

  • Avatar is 1:1 with `object-fit: cover` and `border-2 border-border` (or `border-accent` when elevated).
  • Initial-circle fallback when no photo URL: 2-letter initials with subtle gradient background.
  • Photo dimensions scale: card avatar 44px → listing card 96px → detail hero 144px.
  • Editorial discipline: no AI-generated portraits. Real photos only.