Mobile
Desktop
Body 1
CSS Class : t-body-base
CSS Class : t-body-base
font-size: 16pt / 1rem
font-size: 18pt / 1.125rem
line-height: 1.5
Default body text style – used in section components.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet magna sit amet risus auctor tincidunt. Donec ornare turpis dictum pulvinar hendrerit. Ut placerat odio sit amet lectus rhoncus, quis tempus lectus iaculis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet magna sit amet risus auctor tincidunt. Donec ornare turpis dictum pulvinar hendrerit. Ut placerat odio sit amet lectus rhoncus, quis tempus lectus iaculis.
Mobile
Desktop
Body 2
CSS Class : t-body-sm
CSS Class : t-body-sm
font-size: 14pt / 0.875rem
font-size: 16pt / 1rem
line-height: 1.5
Secondary content - used in block components, like cards, people tiles, etc.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet magna sit amet risus auctor tincidunt. Donec ornare turpis dictum pulvinar hendrerit. Ut placerat odio sit amet lectus rhoncus, quis tempus lectus iaculis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet magna sit amet risus auctor tincidunt. Donec ornare turpis dictum pulvinar hendrerit. Ut placerat odio sit amet lectus rhoncus, quis tempus lectus iaculis.
Mobile
Desktop
Prose
CSS Class : t-body-prose
CSS Class : t-body-prose
font-size: 18pt / 1.125rem
font-size: 20pt / 1.25rem
line-height: 1.6
Used only for long-form articles.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet magna sit amet risus auctor tincidunt. Donec ornare turpis dictum pulvinar hendrerit. Ut placerat odio sit amet lectus rhoncus, quis tempus lectus iaculis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet magna sit amet risus auctor tincidunt. Donec ornare turpis dictum pulvinar hendrerit. Ut placerat odio sit amet lectus rhoncus, quis tempus lectus iaculis.