design/components/core/Badge.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

442 B

Raw Permalink Blame History

Pill labels. Badge for tags and tiers, EyebrowBadge for the pill above a hero headline, StatusBadge for live status.

<Badge variant="tier3">Ultra</Badge>
<EyebrowBadge><Icon name="Sparkles" /> Introducing Enso · Hanzo Cloud</EyebrowBadge>
<StatusBadge status="online" label="All systems normal" />

Rank ladder: tier1 = white/5 (entry), tier2 = white/15 (pro), tier3 = white/20 (ultra). Never colour a tier badge with hue.

442 B Raw Permalink Blame History

442 B

Raw Permalink Blame History