Components
A title or caption used to introduce a new section. Also used to segment components.
We foster a collaborative environment that invites diverse ideas and opinions. We work together to take on and overcome any challenge.
These variants respond to the type of surface they live on. Use .is-muted for low-contrast text, .is-accent for text that needs to appear like the brand.
Heading visual sizes aren’t defined by their semantic scale (h1–h6), but instead use the same size classes as the .m-text component. Note the examples where the semantic tags don’t affect sizes.
Sets proper amount of characters per line to aid in legibility.
Add .truncate to force headings to truncate to one line of text. This adds an ellipsis to indicate additional content