Fonts & Typography

Body text

Arial is an appropriate font choice for Airparks as it reinforces our straight talking, no nonesense, (maybe even humble) brand ethos.

Our font stack is simple and practical by design. Accessibility and legibility are our primary objectives.

body {font-family: Arial,Helvetica,sans-serif;}

Headings

  • h1. Primary

  • h2. Secondary

  • h3. Tertiary

  • h4. Sub

  • h5. Mini
  • h6. Micro

Functional

Muted

Primary

Success

Info

Warning

Danger


Lead text

If you want to draw attention to an important paragraph, use the "lead" class. This increases the size of normal paragraph text.

Example

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

  <p class="lead">Lorum Ipsum</p>
  

Quotations

If you are quoting someone else, the quotation text is bigger than normal paragraph text, while the citation is smaller.

Example

Our customers are at the core of everything we do.

Matthew Pack
  <blockquote>
    <p>Lorum Ipsum</p>
    <small><cite>Lorum Ipsum</cite></small>
  </blockquote>
  

Basic formatting

Other common type styles can be used to aid readability.

Example

  • Strong
  • Emphasis
  • Small
  • Quotation
  • attribute
  <strong>Lorum Ipsum</strong>
  <emphasis>Lorum Ipsum</emphasis>
  <small>Lorum Ipsum</small>