'%20stroke='%23E0E0E0'%20stroke-width='2'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2682_149131'%20x1='7'%20y1='4'%20x2='23.0784'%20y2='26.6541'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233A3AEA'/%3e%3cstop%20offset='0.592633'%20stop-color='%23DF13F9'/%3e%3cstop%20offset='0.763157'%20stop-color='%23F0558E'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Typography · Learn · Guide
Baseline and emphasized type
Emphasis is a stronger companion to the same role and size. The job and scale position stay put; weight rises and tracking tightens so selected, active or editorial text carries more presence.
What changes — weight & tracking
headlineMedium Baseline · 600Grumpy wizards
Emphasized · 800Grumpy wizards
titleMedium Baseline · 600Grumpy wizards
Emphasized · 800Grumpy wizards
labelLarge Baseline · 500Grumpy wizards
Emphasized · 700Grumpy wizards
Reach for emphasized when
Selection
A selected tab, item or active state needs to read as chosen.
Action
A primary action or call-out you want to carry more weight.
Editorial
A headline or passage that wants extra editorial punch.
Emphasis lives at the type-scale and type-styles layers. Change how it is derived — weight and tracking — in Customize.
Do / Don’t
✓ Do
- Use emphasized as a deliberate contrast inside a baseline system.
- Keep the role and size aligned with the text’s structural job.
× Don’t
- Use emphasized everywhere; contrast disappears when everything is strong.
- Substitute emphasis for hierarchy when the text really needs a different role.