LAYOUT / COMPONENTS
Typography
Give every word a clear role.
About typography
UX Prototype provides a variety of type styles for different usages. It is up to designers to pick the correct style for their need.
Anatomy
Shared parts, named consistently.
A shared language for better experiences.
- 1Text
Content or structure that supports the component’s purpose and reading order.
- 2Semantic element
Content or structure that supports the component’s purpose and reading order.
- 3Type style
Content or structure that supports the component’s purpose and reading order.
- 4Color role
Content or structure that supports the component’s purpose and reading order.
Try the default
A working example with the shared V1 visual language.
A shared language for better experiences.
When to use
Choose the HTML element for meaning and the visual variant for hierarchy. Use sentence case and preserve a logical heading order.
Text respects browser scaling. Semantic headings remain available to assistive technology.