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

mirror of https://github.com/luxfi/design.git synced 2026-10-30 16:58:57 +00:00

Files

T

zeekay d954227524 feat: Lux 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 Lux surface — loadable and editable.

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

439 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 Lux · Lux 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.

439 B Raw Permalink Blame History

439 B

Raw Permalink Blame History