mirror of
https://github.com/zooai/design.git
synced 2026-10-30 14:50:04 +00:00
Monochrome, dark by default. One hue rendered through an opacity ladder. Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/ overlays components + brand guidelines + ui kit. The single source of truth for every Zoo surface — loadable and editable.
467 B
467 B
Wraps hero and section headlines in the chrome gradient (white → white/60).
<ChromeText as="h1" style={{fontSize:'var(--text-6xl)',fontWeight:700}}>Zoo, our frontier model</ChromeText>
<ChromeText as="h2" preHeading="AI cloud" style={{fontSize:'var(--text-4xl)',fontWeight:700}}>Built for agents</ChromeText>
Every product-page h1 uses this. tone="deep" (white → neutral-500) is for the very largest display type. Never substitute a hued gradient.