Skip to content
7 Seventh UI CSS

Foundations

Bitbucket Figma

Typography Tokens

Source: Figma Estilos completos (not documented yet), node 2198:8954. These styles are treated as part of the v1.0.0 contract.

Text Styles

Style Class Sample Font Line height Letter spacing Status
Display large.sui-text-display-large

Display large

Inter 900 56px100%0.5pxnot documented yet
Display Medium.sui-text-display-medium

Display Medium

Inter 700 44px100%0.5pxnot documented yet
Display small.sui-text-display-small

Display small

Inter 700 36px100%0.5pxnot documented yet
heading large.sui-text-heading-large

heading large

Inter 400 32px100%0.25pxnot documented yet
headline medium.sui-text-headline-medium

headline medium

Inter 400 28px100%0.25pxnot documented yet
headline small.sui-text-headline-small

headline small

Inter 400 24px120%0.25pxnot documented yet
title large.sui-text-title-large

title large

Inter 500 20px130%0.25pxnot documented yet
title medium.sui-text-title-medium

title medium

Inter 600 16px150%0.25pxnot documented yet
title small.sui-text-title-small

title small

Inter 600 14px170%0.25pxnot documented yet
Label large.sui-text-label-large

Label large

Inter 500 14px130%0.5pxnot documented yet
Label large strong.sui-text-label-large-strong

Label large strong

Inter 700 14px130%0.5pxnot documented yet
Label medium strong.sui-text-label-medium-strong

Label medium strong

Inter 700 12px130%0.5pxnot documented yet
Label medium.sui-text-label-medium

Label medium

Inter 500 12px130%0.5pxnot documented yet
Label small.sui-text-label-small

Label small

Inter 500 11px130%0.5pxnot documented yet
Body large.sui-text-body-large

Body large

Inter 400 16px150%0.25pxnot documented yet
Body large strong.sui-text-body-large-strong

Body large strong

Inter 700 16px150%0.25pxnot documented yet
Body medium.sui-text-body-medium

Body medium

Inter 400 14px170%0.25pxnot documented yet
Body medium textarea.sui-text-body-medium-textarea

Body medium textarea

Inter 400 14px120%0.25pxnot documented yet
Body small strong.sui-text-body-small-strong

Body small strong

Inter 700 12px180%0.5pxnot documented yet
Body medium strong.sui-text-body-medium-strong

Body medium strong

Inter 700 14px170%0.25pxnot documented yet
Body small.sui-text-body-small

Body small

Inter 400 12px180%0.5pxnot documented yet