Design research for you and your agent
Bring your taste into the build.
Search real websites with your coding agent. Keep what feels right, reject what doesn’t, and carry the direction into your project as agent-readable design context.
Human chooses the direction. Agent does the searching, comparing, remembering, and applying.
Research collection
Approachable cloud security
Allbirds
Liquid Death
Anthropic
Pi added these references
Review visually, add notes, and remove what does not belong. Pi can read the collection the next time you ask.
Continue in Pi · use “Approachable cloud security”
A reference library becomes useful when your agent can work inside it.
Research
Ask in your own words. Your agent searches real brands, industries, pages, and visual patterns.
Curate
Keep, reject, annotate, and refine. Your choices become persistent taste context.
Apply
The approved collection and its DESIGN.md rules stay available while your agent builds.
The public research corpus
Browse with your eyes. Research with your agent.
Every reference is visible to humans. Each is measured into design context an agent can search, compare, and carry into a collection.
Allbirds
Footwear retail. Soft, natural neutrals on a warm off-white canvas, bold one-dark footer band, pill-shaped CTAs and large desaturated product photography.
E-commerce & Retail · allbirds.com
FreeLiquid Death
Beverage brand. High-contrast monochrome foundation, giant condensed uppercase headers, product-first hero photography. Loud saturated hero backdrops and metal-gold accents punctuate an otherwise black & white system.
Food & Beverage · liquiddeath.com
Anthropic
AI research. warm, paper-toned canvas and deep, one-dark footer; oversized geometric sans display with heavy underlines; refined old-style serif body and subtle rounded cards.
AI & ML · anthropic.com
Gentle Monster
Fashion-beauty. Cinematic, full-bleed video hero with a centered serif logotype; pale-gray, airy canvas; minimal chrome and white strokes for emphasis.
Fashion & Beauty · gentlemonster.com
Ace Hotel
Travel-hospitality. High-contrast, photo-forward pages with oversized condensed headlines, stacked white space and one-dark banded sections.
Travel & Hospitality · acehotel.com
Rive
Design-creative. Pure black canvas and tight, uppercase techno display; restrained, soft-gray copy with vibrant multicolor accents (gradient) and a warm amber CTA ring.
Design & Creative · rive.app
Maven
education. Deep navy nightscape (#080c28) and a large editorial serif display, pastel gradient accents across headlines and tiles, tight system of rounded cards and soft radii.
Education · maven.com
Nothing | UK
Consumer tech. High-contrast monochrome framework, translucent rounded cards floating over full-bleed product photography, dot-matrix micro-type and uppercase mono buttons.
Consumer Tech · nothing.tech
Modern Treasury
Fintech. Crisp white canvas, oversized display typography, low-contrast chrome and serious dark accents, mint-green labels and pale blue surfaces that calm dense product art.
Fintech · moderntreasury.com
MUBI
Streaming media. Large uppercase display type over full-bleed film-motion hero, heavy use of a vivid cinematic yellow for CTAs and promos, deep chocolate bands and generous white canvas.
Media & Entertainment · mubi.com
FreeLoom
saas-productivity. Wide open white canvas, heroic heavy-display headlines in Charlie Display, bright cobalt primary (#1868db) used as bold call-to-action and full-bleed band color, playful rounded cards in pastel fills and stacked device artwork.
SaaS & Productivity · loom.com
FreeVercel — Agentic Infrastructure (reference)
Developer platform. Monumental display type, spare monochrome palette, generous negative space.
Developer Tools · vercel.com
The business model