Type Scale

Typography specifications using Brockmann Medium as the brand typeface

Font Family

Brockmann

Weight: 500 (normal)

Character Set Preview

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Type Scale

Display

line-height: 1.1

Hero headlines, major feature announcements

Heading 1

line-height: 1.2

Page titles, section headers

Heading 2

line-height: 1.3

Subsection titles, card headers

Heading 3

line-height: 1.4

Component titles, list headers

Body

line-height: 1.5

Primary body text, descriptions

Small

line-height: 1.5

Captions, labels, helper text

Micro

line-height: 1.4

Badges, tags, fine print

@font-face Declaration

@font-face {
  font-family: 'Brockmann';
  src: url('/assets/fonts/brockmann-medium/brockmann-medium.woff2') format('woff2'),
       url('/assets/fonts/brockmann-medium/brockmann-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}