Type scale
Stay organized with collections
Save and categorize content based on your preferences.
The Material 3 Expressive type scale features a combination of 21 styles, each
with an intended application and meaning. They're assigned based on use (such as
display or label), and grouped more broadly into categories based on scale (such
as large or small). The default type scale for Material 3 Expressive is Roboto
Flex, which creates a cohesive typography experience.
Display
Display is utilized for large, short strings of text used to display highly
glanceable hero information, significant metrics, confidence or expressive brand
moments.
Scaling: None of the Display type styles can scale with user-configurable
font size preferences. Scaling on fonts 20sp and up isn't allowed because of the
limited screen space on Wear OS devices.
Title
Title is hierarchical text used as a mechanism for way-finding, like a page,
section title, or sub-section title (in the case of TitleSmall).
Scaling: All Title type styles scale with user-configurable font size
preferences. Scaling on fonts 20sp and up isn't allowed because of the limited
screen space on Wear OS devices.
Label
Label is used for component level text that describes an action that would
happen if interacted with. The most common and widely used application for label
is for text nested within a button.
Scaling: LabelMedium and Small can scale with user-configurable font size
preferences, but not LabelLarge. Scaling on fonts 20sp and up isn't allowed
because of the limited screen space on Wear OS devices.
Body
Body is reserved for content text like paragraphs of body copy, text used in
complex data visualization, time stamps, and metadata.
Scaling: All Arc type styles scale with user-configurable font size
preferences. Scaling on fonts 20sp and up isn't allowed because of the limited
screen space on Wear OS devices.
Numeral
Numeral text styles are used for numerical digits, usually limited to a few
characters. Can take on more expressive properties at the larger display sizes.
Gives flexibility to expand width axis with minimal localization and font
scaling concerns.
Scaling: None of the Numeral type styles can scale with user-configurable
font size preferences. Scaling on fonts 20sp and up isn't allowed because of the
limited screen space on Wear OS devices.
Tabular/Mono: In certain cases, add tabular and mono spacing to numerals,
especially when the numbers scroll or change using motion, and you want to avoid
the numbers jumping around due to them having different widths. This spacing
helps all characters have the same width. An example of this would be on the
Picker which has number in a scrolling list.
Arc
Arc header text is used for curved text making up the signposting on the UI such
as time text and a curved labels. Tailored font axis that specifically optimize
type along a curve and in order to accommodate the different spacing that
appears between characters when they're positioned on the top, instead of the
bottom, of a curved screen.
Scaling: All Body type styles scale with user-configurable font size
preferences. Scaling on fonts 20sp and up isn't allowed because of the limited
screen space on Wear OS devices.
Tabular/Mono: Add tabular and mono spacing to curved text. Tabular and mono
spacing helps all characters have the same width.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-05-20 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-05-20 UTC."],[],[],null,["# Type scale\n\nThe Material 3 Expressive type scale features a combination of 21 styles, each\nwith an intended application and meaning. They're assigned based on use (such as\ndisplay or label), and grouped more broadly into categories based on scale (such\nas large or small). The default type scale for Material 3 Expressive is Roboto\nFlex, which creates a cohesive typography experience.\n\nDisplay\n-------\n\n\nDisplay is utilized for large, short strings of text used to display highly\nglanceable hero information, significant metrics, confidence or expressive brand\nmoments. \n\n\u003cbr /\u003e\n\n**Scaling:** None of the Display type styles can scale with user-configurable\nfont size preferences. Scaling on fonts 20sp and up isn't allowed because of the\nlimited screen space on Wear OS devices.\n\nTitle\n-----\n\n\nTitle is hierarchical text used as a mechanism for way-finding, like a page,\nsection title, or sub-section title (in the case of TitleSmall). \n\n\u003cbr /\u003e\n\n**Scaling:** All Title type styles scale with user-configurable font size\npreferences. Scaling on fonts 20sp and up isn't allowed because of the limited\nscreen space on Wear OS devices.\n\nLabel\n-----\n\n\nLabel is used for component level text that describes an action that would\nhappen if interacted with. The most common and widely used application for label\nis for text nested within a button. \n\n\u003cbr /\u003e\n\n**Scaling:** LabelMedium and Small can scale with user-configurable font size\npreferences, but not LabelLarge. Scaling on fonts 20sp and up isn't allowed\nbecause of the limited screen space on Wear OS devices.\n\nBody\n----\n\n\nBody is reserved for content text like paragraphs of body copy, text used in\ncomplex data visualization, time stamps, and metadata. \n\n\u003cbr /\u003e\n\n**Scaling:** All Arc type styles scale with user-configurable font size\npreferences. Scaling on fonts 20sp and up isn't allowed because of the limited\nscreen space on Wear OS devices.\n\nNumeral\n-------\n\n\nNumeral text styles are used for numerical digits, usually limited to a few\ncharacters. Can take on more expressive properties at the larger display sizes.\nGives flexibility to expand width axis with minimal localization and font\nscaling concerns. \n\n\u003cbr /\u003e\n\n**Scaling:** None of the Numeral type styles can scale with user-configurable\nfont size preferences. Scaling on fonts 20sp and up isn't allowed because of the\nlimited screen space on Wear OS devices.\n\n**Tabular/Mono:** In certain cases, add tabular and mono spacing to numerals,\nespecially when the numbers scroll or change using motion, and you want to avoid\nthe numbers jumping around due to them having different widths. This spacing\nhelps all characters have the same width. An example of this would be on the\nPicker which has number in a scrolling list.\n\nArc\n---\n\n\nArc header text is used for curved text making up the signposting on the UI such\nas time text and a curved labels. Tailored font axis that specifically optimize\ntype along a curve and in order to accommodate the different spacing that\nappears between characters when they're positioned on the top, instead of the\nbottom, of a curved screen. \n\n\u003cbr /\u003e\n\n**Scaling:** All Body type styles scale with user-configurable font size\npreferences. Scaling on fonts 20sp and up isn't allowed because of the limited\nscreen space on Wear OS devices.\n\n**Tabular/Mono:** Add tabular and mono spacing to curved text. Tabular and mono\nspacing helps all characters have the same width."]]
