Using typography for social media & editorials

This includes Instagram posts, banners, quote cards, social ads, and editorial layouts. To better align with mobile experience, we design in viewport-sized frames (e.g. 360 × 450) and export at 3x resolution (1080 × 1350).

This approach ensures:

  • Mobile-first readability
  • Realistic preview of type scale
  • Crisp, high-resolution exports
placeholder-img-white-1

Type styles for social

Titles

Heading styles establish page and component hierarchy. These appear on landing pages, modules, and layouts to define sections clearly.

Name
Name
Name
Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Subtitle styles

Use subtitles to add structure or clarify a bold title. These are not meant for paragraph content but rather as connective tissue between a main headline and any supporting copy.

Name
Name
Name
Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

CheckSubtitles are always short — ideally one line. Avoid paragraph use.

Body text styles

Use body styles for actual content, such as supporting descriptions, short paragraphs, or call-to-action blurbs. For visual hierarchy, these sizes are best used in multi-element compositions (e.g., title + image + caption).

Name
Name
Name
Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

CheckSubtitles are always short — ideally one line. Avoid paragraph use.

Types styles in print & large format

Print and large-format design gives us room to be expressive with type. These larger sizes help make bold statements on banners, CTAs, feature images, and event graphics.

Use the styles for:

  • Landing page feature images
  • Email hero banners
  • Print collateral or event signage
  • Website promotional graphics (outside typical body content)
Name
Name
Name
Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements

Heading XL
Medium
92px/5.75rem
Letter spacing: -2.3px
Line height: 1
Sentence case
Aa

Major landing statements