The Ariovis visual identity.

background: linear-gradient(90deg, #FFFF00 0%, #FF9900 22.56%, #9E0E40 59.33%, #DE0F72 78.72%, #FF76B7 100%);

Usage rules

• The gradient is a signature, not a texture.
• Use it as a thin rule or on a small surface.
• Never use it as a button background, on text, or as a large flat fill.
• No more than three gradient elements on a single page.
• Do not animate it.

Weights

• 400 · Regular
  Identity and access security
• 500 · Medium
  Identity and access security
• 600 · SemiBold
  Identity and access security
• 700 · Bold
  Identity and access security

Typographic scale

• .t-display

  Hero titles
  Security meets Business
• .t-h1

  Page main heading
  Page title
• .t-h2

  Section title
  Section title
• .t-h3

  Sub-section
  Sub-section
• .t-h4

  Card title
  Card title
• .t-lead

  Intro below a heading
  Introduction that supports a section title.
• .t-body

  Body copy
  Body copy, readable across long paragraphs.
• .t-small

  Metadata, captions
  Metadata and short captions.
• .t-caption

  Labels, intro rules
  Section label

Rules

• Bai Jamjuree is the site's only typeface.
• Do not use DM Sans or Inter.
• Do not mix multiple families.
• No more than three sizes in a single layout.
• Left-aligned by default.