Info

Why "Nebula"

Intents and variants available in the system, showing how semantic roles combine with visual styles across components.

Solid variant

Filled surface, strong emphasis.

Outline variant

Border only, background matches the app's surface.

Soft outline variant

Border only, background matches the app's surface, text matches the border.

Ghost variant

Text only, background and border match the app's surface.

Intents

  • neutral

     - surface without meaning, default tone

  • muted

     - calm, low-contrast tone used for understated surfaces or background accents

  • tertiary

     - subtle, lowest emphasis action

  • secondary

     - supporting action, less emphasis than primary

  • primary

     - main call-to-action or highlight

  • inverse

     - flips contrast relative to context