Typography

The See Tickets typographic styling is based on the platform’s legacy typeface of Be Vietnam Pro. This type ensures virtually all devices have the ability to display content as it was designed. The typographic styling below was created considering every single element it would need to appear within, and should be the only set of typographic styles used within the See Tickets branding.

Using the typographic styling below will ensure visual hierarchy is consistent and reinforced, and will dramatically improve the user experience (UX) of any See Tickets property.

Singular Brand Typeface: Be Vietnam Pro


Desktop Typeface Settings

Big Stat

font-weight: light
font-size: 72px
text-transform: Capitalize
letter-spacing: 0px

Stat

font-weight: light
font-size: 56px
text-transform: capitalize
letter-spacing: 0px

H1

font-weight: medium
font-size: 48px
text-transform: capitalize
letter-spacing: 0px

H2

font-weight: medium
font-size: 32px
text-transform: capitalize
letter-spacing: 0px

H3

font-weight: medium
font-size: 24px
text-transform: capitalize
letter-spacing: 0px

Subtitle

font-weight: regular
font-size: 20px
text-transform: capitalize
letter-spacing: 0.0025rem

line height: 28px

Paragraph

font-weight: regular
font-size: 16px
text-transform: capitalize
letter-spacing: 0.01rem

line height: 16px

BUTTON

font-weight: regular
font-size: 16px
text-transform: uppercase
letter-spacing: 0.02rem

Caption

font-weight: regular
font-size: 14px
text-transform: capitalize
letter-spacing: 0.01rem

Tiny

font-weight: regular
font-size: 14px
text-transform: capitalize
letter-spacing: 0.02rem

Label

font-weight: medium
font-size: 12px
text-transform: capitalize
letter-spacing: 0.04rem

OVERLINE

font-weight: bold
font-size: 12px
text-transform: uppercase
letter-spacing: 0.08rem


Mobile Typeface Settings

Super

font-weight: light
font-size: 48px
text-transform: capitalize
letter-spacing: 0

H1

font-weight: medium
font-size: 36px
text-transform: capitalize
letter-spacing: 0

H2

font-weight: medium
font-size: 32px
text-transform: capitalize
letter-spacing: 0

H3

font-weight: medium
font-size: 24px
text-transform: capitalize
letter-spacing: 0

H4

font-weight: medium
font-size: 20px
text-transform: capitalize
letter-spacing: 0.05rem

Subtitle

font-weight: regular
font-size: 18px
text-transform: capitalize
letter-spacing: 0.0025rem

Paragraph

font-weight: regular
font-size: 16px
text-transform: capitalize
letter-spacing: 0.01rem

BUTTON

font-weight: regular
font-size: 16px
text-transform: uppercase
letter-spacing: 0.02rem

Caption

font-weight: regular
font-size: 14px
text-transform: capitalize
letter-spacing: 0.01rem

Tiny

font-weight: regular
font-size: 12px
text-transform: capitalize
letter-spacing: 0.02rem

Label

font-weight: medium
font-size: 12px
text-transform: capitalize
letter-spacing: 0.04rem

OVERLINE

font-weight: bold
font-size: 12px
text-transform: uppercase
letter-spacing: 0.08rem


Download Typeface