design/components/core/Button.prompt.md at main

mirror of https://github.com/zooai/design.git synced 2026-10-30 14:50:04 +00:00

Files

T

zeekay 8e572430a8 feat: Zoo Design System — tokens, components, brand assets, guidelines

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.

2026-07-24 17:21:13 -07:00

568 B

Raw Permalink Blame History

The Zoo button — one primary (white) action per view, everything else outline or ghost.

<Button pill>Try Zoo <Icon name="ChevronDown" /></Button>
<Button variant="outline" size="sm"><Icon name="Filter" /> Filter</Button>
<Button variant="ghost" size="icon"><Icon name="Settings" /></Button>

Variants: primary · secondary · outline · ghost · link · destructive. Sizes: sm · default · lg · icon. Use pill on marketing/nav CTAs (rounded-full), plain radius inside app surfaces. Hover is a pure CSS opacity/background shift — never a transform.

568 B Raw Permalink Blame History

568 B

Raw Permalink Blame History