Warm off-white background with sharp black typography and playful golden accents.
03
Typography
grotesque-sans · humanist-sans
display80px · 900
h148px · 700
h232px · 500
body17px · 400
caption14px · 300
Headlines are ultra-bold and uppercase, creating a strong, impactful visual hierarchy. · Body text is set in a lighter weight for readability against the bold headlines. · Typography is tightly set with negative letter spacing for a compact, modern feel.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Consistent 4px base unit with generous padding in sections (40px).
Captured from the live site · real computed styles
11
System prompt
This is the design system for Pika, a playful and powerful AI video generation platform. The visual language is defined by a warm, off-white background (#FCFAF7) contrasted with sharp, ultra-bold black typography (#0D0D0D). Key accent colors include a golden-yellow (#FFD184) for primary actions and soft purples/oranges for card backgrounds. The typography is dominated by a heavy, grotesque-sans display font for headlines, creating a high-impact, energetic feel, while body text uses a cleaner humanist-sans. Layouts are spacious with generous padding. Critical design rules include: never use thin typography for headlines, always use the warm off-white background instead of pure white, and avoid cool color palettes in favor of the established warm accents. Avoid cluttered layouts and passive language.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.