Style Guide
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore in reprehenderit in voluptate magna aliqua.
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore in reprehenderit in voluptate magna aliqua.
These colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.
bg-light__primary
bg-light__onPrimary
bg-light__primaryContainer
bg-light__onPrimaryContainer
bg-light__secondary
bg-light__onSecondary
bg-light__secondaryContainer
bg-light__onSecondaryContainer
bg-light__tertiary
bg-light__onTertiary
bg-light__tertiaryContainer
bg-light__onTertiaryContainer
bg-light__error
bg-light__onError
bg-light__errorContainer
bg-light__onErrorContainer
bg-light__background
bg-light__onBackground
bg-light__surface
bg-light__onSurface
bg-light__surfaceVariant
bg-light__onSurfaceVariant
bg-light__outline
bg-light__outlineVariant
bg-light__shadow
bg-light__scrim
bg-light__inverseSurface
bg-light__inverseOnSurface
bg-light__inversePrimary
bg-light__success
bg-light__successContainer
bg-light__onSuccess
bg-light__onSuccessContainer
bg-light__warning
bg-light__warningContainer
bg-light__onWarning
bg-light__onWarningContainer
bg-light__info
bg-light__infoContainer
bg-light__onInfo
bg-light__onInfoContainer
bg-light__primaryFixed
bg-light__primaryFixedDim
bg-light__onPrimaryFixed
bg-light__onPrimaryFixedVariant
bg-light__secondaryFixed
bg-light__secondaryFixedDim
bg-light__onSecondaryFixed
bg-light__onSecondaryFixedVariant
bg-light__tertiaryFixed
bg-light__tertiaryFixedDim
bg-light__onTertiaryFixed
bg-light__onTertiaryFixedVariant
bg-light__surfaceDim
bg-light__surfaceBright
bg-light__surfaceContainerLowest
bg-light__surfaceContainerLow
bg-light__surfaceContainer
bg-light__surfaceContainerHigh
bg-light__surfaceContainerHighest
bg-dark__primary
bg-dark__onPrimary
bg-dark__primaryContainer
bg-dark__onPrimaryContainer
bg-dark__secondary
bg-dark__onSecondary
bg-dark__secondaryContainer
bg-dark__onSecondaryContainer
bg-dark__tertiary
bg-dark__onTertiary
bg-dark__tertiaryContainer
bg-dark__onTertiaryContainer
bg-dark__error
bg-dark__onError
bg-dark__errorContainer
bg-dark__onErrorContainer
bg-dark__background
bg-dark__onBackground
bg-dark__surface
bg-dark__onSurface
bg-dark__surfaceVariant
bg-dark__onSurfaceVariant
bg-dark__outline
bg-dark__outlineVariant
bg-dark__shadow
bg-dark__scrim
bg-dark__inverseSurface
bg-dark__inverseOnSurface
bg-dark__inversePrimary
bg-dark__success
bg-dark__successContainer
bg-dark__onSuccess
bg-dark__onSuccessContainer
bg-dark__warning
bg-dark__warningContainer
bg-dark__onWarning
bg-dark__onWarningContainer
bg-dark__info
bg-dark__infoContainer
bg-dark__onInfo
bg-dark__onInfoContainer
bg-dark__primaryFixed
bg-dark__primaryFixedDim
bg-dark__onPrimaryFixed
bg-dark__onPrimaryFixedVariant
bg-dark__secondaryFixed
bg-dark__secondaryFixedDim
bg-dark__onSecondaryFixed
bg-dark__onSecondaryFixedVariant
bg-dark__tertiaryFixed
bg-dark__tertiaryFixedDim
bg-dark__onTertiaryFixed
bg-dark__onTertiaryFixedVariant
bg-dark__surfaceDim
bg-dark__surfaceBright
bg-dark__surfaceContainerLowest
bg-dark__surfaceContainerLow
bg-dark__surfaceContainer
bg-dark__surfaceContainerHigh
bg-dark__surfaceContainerHighest
Body Large
Body Medium
Body Small
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!
Block Quote
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.
Block Quote
Transform how your teams collaborate. Brainstorm together, develop strategies and build ads that guarantee customers.