Body text
|
- Metropolis Regular
- color: #565656
- font-size: 14px
- letter-spacing: normal
|
p, .p1 |
- Default text styling (page_bodyText)
- Sidenav text (sidenav_text)
- Body text in cards (card_text)
- Text and dropdowns (dropdown_text)
- Tab navigation links (tab_text)
- Wizard steps and table of contents
- General paragraphs, sentences, lists
|
Section header
|
- Metropolis Medium
- color: #565656
- font-size: 13px
- letter-spacing: normal
|
.p2 |
- Stack view header (stackview_header)
- Form headers
- Tree view headers
|
Table, grid, and form text
|
- Metropolis Regular
- color: #565656
- font-size: 13px
- letter-spacing: normal
|
.p3 |
- Text in alerts (alert_text)
- Stack view text (stackview_text)
- Datagrid text (table_text)
- Text in HTML tables (table_text)
- Text in tooltips and validations (tooltip_text)
- Form text
- Treeview text
|
Form labels and column headers
|
- Metropolis Semibold
- color: #565656
- font-size: 12px
- letter-spacing: normal
|
.p4 |
- Button text (Normal)
- Table and datagrid headers (table_header)
- Dropdown headers (dropdown_header)
|
Table footers and chart data
|
- Metropolis Regular
- color: #565656
- font-size: 12px
- letter-spacing: normal
|
.p5 |
- Table and datagrid footers
- Chart and data visualization info
|
Small headers
|
- Metropolis Semibold
- color: #565656
- font-size: 11px
- letter-spacing: 0.03em
|
.p6 |
- Button text (Small)
- Usually used in all caps
|
Tags and labels
|
- Metropolis Regular
- color: #565656
- font-size: 11px
- letter-spacing: 0.03em
|
.p7 |
- Text inside tags and labels (label_text)
|
Badges
|
- Metropolis Regular
- color: #565656
- font-size: 10px
- letter-spacing: 0.03em
|
.p8 |
|
Monospaced
|
- Consolas Regular
- font-size: 14px
- letter-spacing: normal
|
pre. language-* or code. language-*
|
- Code or system-type messages like in a terminal or console
|