Typography

Stable

Omnira UI uses Host Grotesk for display headlines and Rubik for body text, creating a clean, modern typographic hierarchy.

Type Scale

Hero — 72pxDisplay
H1 — 56pxHeading One
H2 — 48pxHeading Two
H3 — 40pxHeading Three
H4 — 22pxCard Title
Lead — 20px LightLead paragraph text for section descriptions and introductions.
Body — 16pxRegular body text for paragraphs and general content.
Body Small — 14pxSmaller body text for secondary information.
Caption — 12pxCaption text for annotations and metadata.
Label — 11px UppercaseSection Label

Gradient Text

css
.gradient-text {
    background-image: var(--gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}