Typography Tokens
Typography tokens control all text styling across the design system. Typeface is Geologica (variable font, Google Fonts) for headers and body. All letter-spacing is 0.
Typography styles are controlled through CSS custom properties — updating font-family will cascade across every component automatically.
Font Weights
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%&?!;:.
200 ExtraLight — Body XXL
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%&?!;:.
400 Regular — Body Large, Medium, Small, Caption
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%&?!;:.
600 SemiBold — H2
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%&?!;:.
700 Bold — H1, H3, H4, Body XL
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%&?!;:.
800 ExtraBold — Body Large EB, Body Small EB
Heading Scale — Desktop
Poster
700 Bold • 104/112 •
--txds-font-size-h1-posterDisplay H1
700 Bold • 50/52 •
--txds-font-size-h1Display H2
600 SemiBold • 40/44 •
--txds-font-size-h2Display H3
700 Bold • 32/38 •
--txds-font-size-h3Display H4
700 Bold • 28/32 •
--txds-font-size-h4Heading Scale — Mobile (≤ 767px)
Poster
700 Bold • 48/56 •
--txds-font-size-h1-posterDisplay H1
700 Bold • 34/40 •
--txds-font-size-h1Display H2
600 SemiBold • 30/36 •
--txds-font-size-h2Display H3
700 Bold • 24/30 •
--txds-font-size-h3Display H4
700 Bold • 24/30 •
--txds-font-size-h4Body Copy Scale
Body — XXL
The State of Texas is committed to serving Texans, businesses, and visitors with a wide range of convenient online services. Explore our website to find resources and information designed to support your needs across the Lone Star State.
200 ExtraLight • 32/56 •
--txds-font-size-body-xxlBody — XL (Bold)
The State of Texas is committed to serving Texans, businesses, and visitors with a wide range of convenient online services. Explore our website to find resources and information designed to support your needs across the Lone Star State.
700 Bold • 24/32 •
--txds-font-size-body-xlBody — Large (ExtraBold)
The State of Texas is committed to serving Texans, businesses, and visitors with a wide range of convenient online services. Explore our website to find resources and information designed to support your needs across the Lone Star State.
800 ExtraBold • 20/30 •
--txds-font-size-body-lg-ebBody — Large
The State of Texas is committed to serving Texans, businesses, and visitors with a wide range of convenient online services. Explore our website to find resources and information designed to support your needs across the Lone Star State.
400 Regular • 20/32 •
--txds-font-size-body-lgBody — Medium
The State of Texas is committed to serving Texans, businesses, and visitors with a wide range of convenient online services. Explore our website to find resources and information designed to support your needs across the Lone Star State.
400 Regular • 18/30 •
--txds-font-size-body-mdBody — Small (ExtraBold)
The State of Texas is committed to serving Texans, businesses, and visitors with a wide range of convenient online services. Explore our website to find resources and information designed to support your needs across the Lone Star State.
800 ExtraBold • 16/26 •
--txds-font-size-body-sm-ebBody — Small
The State of Texas is committed to serving Texans, businesses, and visitors with a wide range of convenient online services. Explore our website to find resources and information designed to support your needs across the Lone Star State.
400 Regular • 16/26 •
--txds-font-size-body-smCaption
The State of Texas is committed to serving Texans, businesses, and visitors with a wide range of convenient online services. Explore our website to find resources and information designed to support your needs across the Lone Star State.
400 Regular • 12/18 •
--txds-font-size-captionRelated Typography Guidance
- Link Patterns - guidance for descriptive inline links, size variants, state behavior, and document links.