Buttons
Every action variant, state, and icon placement in the current system.
Primary
Default product action with the strongest solid emphasis.
variant="primary"Primary Gradient
High-emphasis reveal, premium, and conversion action.
variant="primary-gradient" gradient="violet"Primary Gradient Aurora
Cool ritual action with turquoise, blue, and violet depth.
variant="primary-gradient" gradient="aurora"Primary Gradient Sunset
Warm conversion action with gold, rose, and violet energy.
variant="primary-gradient" gradient="sunset"Primary Gradient Moonrise
Quiet premium action with lunar blue and soft purple.
variant="primary-gradient" gradient="moonrise"Secondary
Support action that keeps the glass surface visible.
variant="secondary"Ghost
Quiet action for cancellation, dismissal, and low-pressure choices.
variant="ghost"Outline Brand
Outlined action for visible alternatives without filled emphasis.
variant="outline" tone="brand"Outline Purple
Outlined mystical action with a cooler violet border.
variant="outline" tone="purple"Outline Gold
Outlined premium action using the NUMRA gold accent.
variant="outline" tone="gold"Outline Blue
Outlined informational action for calendar, moon, and guidance flows.
variant="outline" tone="blue"Link
Inline navigation-style action with minimal button chrome.
variant="link"Icon Buttons
Circular icon-only controls use aria labels as their visible contract.