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

568 B

Raw Permalink Blame History

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

<Button pill>Try Lux <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