Brand Guidelines

Typography & Colours

Official typography and colours of the Tyrolium design system.

Typography

Tyrolium

Syne

Headings & Displays

700 - Bold

Primary typeface for large typography. Used on H1, H2 and hero sections.

Tyrolium

Inter

Body text & UI

300 / 400 / 700

System interface typeface. Used throughout body text, labels, buttons and navigation.

TYROLIUM

Noto Sans Display

Sub-brand / Labels

400 - Regular

Secondary identifier typeface. Used in the navbar for the "Tyrolium" sub-brand label.

UI Colours

Brand Gradient

135° - #0400d4 → #6600cc → #cc0000

Applied to rings, active states, buttons and any accent element requiring brand recognition.