Take-home
Prompt Lab
Build today's page
Paste into an AI builder to reproduce this visual system for a real event client.
Build a one-page conference launch site for an event called [EVENT NAME], [DATE], streamed online.
Art direction: a two-ink screenprint poster system. Ground the whole page in saturated marigold (#FDC137) with deep indigo ink (#101C4A) for all text, 3px rules, and borders. Warm off-white (#FFF6E0) panels for cards, one vermilion accent (#BF3512) reserved for time chips and the register button. No gradients, no glow, no rounded pills; corners stay sharp (0 to 2px).
Type: Clash Display (700) for an all-caps hero lockup and section titles; Schibsted Grotesk for body at 19px with 1.65 line height; Spline Sans Mono for times, labels, and metadata. The hero headline is the poster: stack two lines, the second line rendered as outline type with a 2.5px stroke and no fill.
Layout, top to bottom:
1. Top bar with wordmark and two links, 3px bottom rule.
2. Full-width typographic hero: mono kicker naming the event, giant two-line lockup, one short deck paragraph, then a boxed date rail (date, format, venue as bordered mono cells) ending in a solid vermilion register button. Hang a rotated press-badge card from the top edge on two angled straps: white card, 3px border, hard offset shadow, event metadata as label and value pairs.
3. A framed 21:9 illustration or duotone photo of the venue or stage, indigo on marigold only, with a mono caption row.
4. Speaker lineup: three-column grid of white cards, 3px borders, oversized display-type initials as portraits, name, one-line role, and a solid-indigo stat chip.
5. Program: sessions grouped under mono track headings, each row a 150px mono time column beside a display-type session title and one sentence, separated by thin gold rules.
6. Pass tiers: inverted solid-indigo band, three bordered cards with mono tier labels and huge display-type figures; highlight one card by flipping it to marigold. Close the band with a mono fine-print line.
Readability guardrails: body text at least 18px, line length under 70 characters, WCAG AA contrast on every label including text over the indigo band, descriptive link text, hover states on every link and card (150ms ease), and a prefers-reduced-motion guard. No fake readable text inside images, no emoji icons, no stock 3D blobs.
Works in v0, Lovable, Bolt, Figma Make, Beaver Builder AI, or any code agent.