Buttons
Every variant at every size, with icons, gaps and the bare option.
Default
The main action on dark grounds.
Accent
One per view, for the action that pays the bills.
Muted
Secondary actions next to a default or accent button.
Alternative
A mesh gradient fill for heroes and playful moments.
With icons
Icons go in the left or right slot. Set a gap so they keep their distance from the label.
Gaps
Five gap steps between the label and its icon.
None
No fill at all. Bring your own classes and keep the sizes and focus ring. Pass isLink and an href to render any button as a link.