Core Palette
The foundational colors that define the Orizon visual identity.
#0d9488
Primary
Main brand & interactive color
#F5FBF8
Background
App-wide background light
#FFFFFF
Surface
Card and container surfaces
#0F172A
Text
Primary typography color
Typography
Using Inter for maximum clarity and modern feel.
Heading 1 / Black / 48px
Orizon Bold
Heading 2 / Bold / 32px
The quick brown fox
Body Large / Semibold / 18px
Jumped over the lazy dog's back.
Body Base / Regular / 16px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Action Elements
Pill-shaped components for high-impact interaction.
Primary Buttons
Secondary & Subtle
Control States
68 Components
Everything you need for production apps, out of the box.
ButtonInputSelectTableFormModalCardTabsMenuBadgeTagAlertDrawerTooltipDatePickerUploadTreeStepsPaginationSwitchRadioCheckboxSliderProgressCarouselCalendarAvatarBreadcrumb+40 more
"Design is not just what it looks like, it's how it works."
Orizon Design System