New
Here’s a handy notice bar to bring attention to new features of your website.
Primaries, feedback colors and gray shades
Headings, body text, links and other common text elements.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Dark and light icons for commonly used social networks
Common interface iconography
Size and state variations for text inputs
Combine with other components to display metadata
Represent users and customers throughout the interface
A small encapsulated element based on the card. Displays small media items that generally live in a group.
A navigational element utilising the Pill container to help user's navigate your page hierarchy
Preset shadow utilities to imply varying levels of depth
Toggle element based on the Card for displaying discrete portions of information
Navigational element responsible for toggling the display of content in a nearby container
Some card text
Some card text
Some card text
Some card text
Some card text
Some card text
Styles for navigation and context dropdowns
Preset arrangements for icons with associated content
Unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.
Decorative SVG elements for dividing two sections of content
