Typography

Typefaces

Fabric has 2 typefaces for different uses:

1. Human Text — This is the default type style used throughout Alation for non-data and non-code text and interface elements.
2. Physical Text — This is the monospace typeface used when displaying code snippets, raw data, and physical metadata.

‍

1. Human Text

Typeface

• Atlas Grotesk

Weights

• Normal: Normal
• Bold: Bold

‍

2. Physical Text

Typeface

• Atlas Typewriter

Weights

• Normal: Normal
• Bold: Bold

‍

‍

Type Size

Fabric has 6 text sizes:

• Page Header (title only) — 30px
• Page Header (title + name) — 23px (title and name share the same size in this scenario)
• Header-High — 20px
• Header-Medium — 16px
• Header-Low and Body Text — 14px
• Small Text — 12px

‍

‍