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

mirror of https://github.com/hanzoai/design.git synced 2026-10-30 14:58:37 +00:00

Files

T

zooqueen 5e059914c8 feat: Hanzo Design System — tokens, components, brand assets, guidelines

The single source of truth for every Hanzo surface: monochrome opacity-ladder
tokens (dark-default), self-contained core/forms/overlays/navigation components
(each with .d.ts + .prompt.md), the mark/wordmark + provider/partner logos, and
the specimen-card guidelines. One import: @hanzoai/design/styles.css.

2026-07-24 17:08:49 -07:00

572 B

Raw Permalink Blame History

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

<Button pill>Try Hanzo <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.

572 B Raw Permalink Blame History

572 B

Raw Permalink Blame History