Typography

FONT

  • Ubuntu

    Regular
    ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
    abcdefghijklmnopqrstuvwxyzæøå
    1234567890@#$%^&*

    Bold
    ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
    abcdefghijklmnopqrstuvwxyzæøå
    1234567890@#$%^&*

  • Georgia

    Regular
    ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
    abcdefghijklmnopqrstuvwxyzæøå
    1234567890@#$%^&*

    Bold
    ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
    abcdefghijklmnopqrstuvwxyzæøå
    1234567890@#$%^&*

WEB STYLES

These are the typography styles for the Stairway website. For print use, follow the same basic rules and proportions, while increasing size proportionally to the size of print piece.

  • Example
    Specs
    Description
  • Headline
    62px centered
    65px effective line-height
    Georgia, #FFFFFF
    Used for the H1 headline in the hero area. Should only be used in homepage.
  • Sub-Headline
    16px left-aligned
    1.62 effective line-height
    Ubuntu Bold, #6a6c6e
  • First Level Heading
    28px left-aligned
    1.38 effective line-height
    Ubuntu Bold, #1a1c1e
    Used for the H1 headline in the subpages. Should only be used once per page.
  • Second Level Heading
    26px left-aligned
    1.38 effective line-height
    Ubuntu Bold, #D73521
    Used for the H2 headline in the Brief History Page. Usually paired with paragraph text.
  • Third Level Heading
    24px left-aligned, all caps
    1.38 effective line-height
    Ubuntu Bold, #1a1c1e
    Used for the H3 headlines. Usually paired with paragraph text.
  • Fourth Level Heading
    20px left-aligned
    1.38 effective line-height
    Ubuntu, #6a6c6e
    Used for the H4 headlines. Usually paired with paragraph text and nested under an H3 copy block.
  • Body Text
    16px left-aligned
    24px effective line-height
    Ubuntu, #6a6c6e
    Used for paragraph text. The space between paragraphs is 16px line-height.
  • Link Text
    16px left-aligned
    18px effective line-height
    Ubuntu Bold, #cfa36e
    Used for links
  • Regular Text
    13px left-aligned
    18px effective line-height
    Ubuntu, #6a6c6e, #cfa36e
    Used for breadcrumbs, sidebar links, and activity headings in the footer.
  • Where to Find Us
    13px left-aligned, all caps
    18px effective line-height
    Ubuntu Bold, #ffa59a
  • Stairway Project
    16px left-aligned
    18px effective line-height
    Ubuntu Bold, #ffe9e6
  • About Text
    16px left-aligned
    18px effective line-height
    Ubuntu, #ffa59a