Style Guide
This style guide page contains styles and components used through the website.
Colors
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.
Primary
Secondary
Neutral
Others
Typography
You'll see that some typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.
Keep your face toward the sunshine and shadows will fall behind you
Keep your face toward the sunshine and shadows will fall behind you
Keep your face toward the sunshine and shadows will fall behind you
Keep your face toward the sunshine and shadows will fall behind you
Keep your face toward the sunshine and shadows will fall behind you
Keep your face toward the sunshine and shadows will fall behind you
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
Donec in risus ac ipsum aliquam sodales vitae quis est suspendisse dignissim est sed mauris ultrices sagittis fusce pellentesque orci et mauris elementum condimentum nulla, commodo luctus nibh, eu finibus metus malesuada quis.
This is some a block quote
- Consist various constructs with varying degree of parallelism.
- Although high performance in concurrent tasks.
- Your tasks are a big part of life Stay always be motivated.
- Consist various constructs with varying degree of parallelism.
- Although high performance in concurrent tasks.
- Your tasks are a big part of life Stay always be motivated.
What’s a Rich Text element?
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.
Static and dynamic content editing
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!
How to customize formatting for each rich text
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.
A rich text element (RTE) is the perfect element for creating long-form content like blog posts, about pages, biographies — you name it. Instead of adding individual heading, paragraph, list, or image elements, you can double-click into a rich text element to create these different content elements directly.
Styled example for Rich Text elements
When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.
- This however showed weasel
- Well uncritical so misled
- Goodness much until that fluid owl
According a funnily until pre-set or arrogant well cheerful
But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.
"My vision is a world of healthy minds"
According a funnily until pre-set or arrogant well cheerful
- So baboon this
- Mounted militant weasel gregariously admonishingly straightly hey
- Dear foresaw hungry and much some overhung
- Rash opossum less because less some amid besides
When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy.
Silent delightfully including because before one up barring chameleon
But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again.
According a funnily until pre-set or arrogant well cheerful
But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again.