Brand Style Guide

Typography

Typographic hierarchy system based on user interface guidelines. Maintaining our brand aesthetic increases text legibility and helps emphasize key pieces of information.

Typefaces Scale Rules
Typefaces
Aa
Headings · Display

ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 & ! ? . , : ; — “ ”
${COPY_NW}
Aa
Body · UI

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? . , : ; — “ ”
${COPY_RH}

Welcome to Visit Syracuse. Plan your trip, find events and explore.

Type scale

Type rules

  • Breadcrumbs and navigation: Puffin Display Soft Semibold & Extrabold, all caps.
  • Major hero headline: Bali Script Regular over Dunkel Sans, upper and lower case.
  • Ancillary headline: Bali Script Regular, upper and lower case.
  • H1 headline: Dunkel Sans, upper and lower case, tight tracking.
  • Partner or event title: Puffin Display Soft Extrabold, all caps.
  • Body copy and links: Proxima Nova Medium & Extrabold.
  • Call to action buttons: Proxima Nova Extrabold, all caps, wide tracking.
  • Event card dates: Puffin Display Soft month over a Bali Script day.
  • Author card: Dunkel Sans.