Component library

The Component library applies the active identity to interface patterns, making product UI part of the brand system rather than a separate visual language.

Families

• Actions — default, rainbow, outline, secondary, ghost, destructive, and reversed buttons
• Forms — text fields, select controls, checkboxes, settings rows, and submission actions
• Navigation — product navigation, breadcrumbs, and tabs
• Feedback — success and error alerts, progress, and notifications
• Data — metrics and responsive data tables
• Cards — pricing, testimonial, and product cards

Controls

Choose a family, edit the primary label, switch sizes, and inspect disabled states. The component sheet follows Studio light/dark mode while retaining identity typography.

Product components in Brand elements

The Component library is a broad system sheet. Brand elements contains 14 individually configurable production applications such as a navigation bar, hero, pricing card, command menu, modal, toast, data table, checkout, and settings panel.

Use the library to review consistency. Use Brand elements when you need a specific component brief and per-application composition controls.