--- title: Type Mapping date: 2024-03-14T15:21:00-07:00 author: Max Escher canonical_url: "https://designsystem.umd.edu/foundation/type-mapping" section: Foundation --- [Typography](https://designsystem.umd.edu/foundation/typography) # Type Mapping General guidelines on how font sizing adjusts between different device breakpoints ## Headlines & Body Copy Headlines & Body Copy style Typography Map Table Type Mobile/Tablet equivalents Usage Notes Type Campaign Maximum Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Titles for major home pages Type Campaign Extra Large Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Titles for home pages, landing pages Type Campaign Large Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Titles for landing pages Type Campaign Medium Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Titles in heroes (tablet) Type Campaign Small Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Titles in heroes (mobile) Type Sans Largest Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Interior heroes (strip hero) Type Sans Largest Uppercase Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Interior heroes (strip hero). Common component titles, including text lock-up which is a base for several components (including the Pathway) Type Sans Extra Large Uppercase Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Titling in Banner Promo component. Used as an interstitial font between desktop and mobile Type Sans Extra Large Bold Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Larger card and smaller component titles. Modal title. Quote body text - Level 1 pages (full width) Type Sans Extra Large Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Type Sans Larger Bold Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Titles for subcomponents and smaller components including event cards, date strip, Inline quotes, feature quote, and Text pathway Type Sans Larger Scaling Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Fluid scaling between Sans Large and Sans Larger based on container width Type Sans Larger Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Hero text blocks. Emphasized text areas (intro paragraph) Type Sans Large Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Alert, Banner promo, Titles in image captions, Carousel captions. Centered text lockup, Form labels, Buttons, Large CTA buttons, and Large chevron buttons Type Interactive Sans Medium Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Navigation. Plain eyebrow (interior hero) Type Sans Medium Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Larger component body copy Type Sans Small Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Subcomponent text blocks (Standard Card, Listing Item). Accordion body copy. Filter labels. Image/video captions Type Sans Smaller Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Legal text. Footer links. Event details (default) Type Sans Min Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Event details (medium) - event listings ## Elements Elements style Typography Map Table Type Mobile/Tablet equivalents Usage Notes Type Eyebrow Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Optional eyebrows within text lockups (commonly used components such as Pathways, Listings, and Cards Type Interactive Sans Small Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Smaller buttons Type Label Sans Medium Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Form labels Type Label Sans Small Lorem Ipsum Mobile/Tablet equivalents Lorem Ipsum Usage Notes Smaller form labels - sidebars ## Statistics Statistics style Typography Map Table Type Mobile/Tablet equivalents Usage Notes Type Statistic Sans Large Lorem Mobile/Tablet equivalents Lorem Usage Notes Full width stat components Type Statistic Sans Medium Lorem Mobile/Tablet equivalents Lorem Usage Notes Inline (interior template) stat components