Style Guide

Core Colors
Accent Primary
Neutral Primary
Neutral Secondary
Accent Primary
Accent Primary
Neutral Inverse
Core Color Tints
Accent Primary
A90
A80
A70
A60
A50
A40
A30
A20
A10
Accent Secondary
A90
A80
A70
A60
A50
A40
A30
A20
A10
Accent Third
A90
A80
A70
A60
A50
A40
A30
A20
A10
Button
Primary
Button
Secondary
ButtonSecondary Button
Third
ButtonThird Button
Display 1

Donec et odio dolor.

Display 2

Donec et odio dolor.

H1

Donec et odio dolor pelle.

H2

Donec et odio dolor pelle ntesqu.

H3

Donec et odio dolor pelle ntesqu.

H4

Donec et odio dolor pelle ntesqu.

H5
Donec et odio dolor pelle ntesqu.

H6.

Donec et odio dolor pelle ntesqu.

Paragraph Default.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph Big.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph Small.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Richtext

The Rich Text element is a versatile tool that empowers you to effortlessly create and format various content components, such as headings, paragraphs, blockquotes, images, and videos, all within a single interface. Say goodbye to the hassle of adding and formatting each element separately. With just a simple double-click, you can bring your content to life with ease.

Static and Dynamic Content Editing:

Whether you're working with static or dynamic content, the Rich Text element has got you covered. For static content, simply drop it onto any page and start editing right away. If you're dealing with dynamic content, just add a Rich Text field to any collection and connect it to the Rich Text element in the settings panel. It's as simple as that!

Customizing Formatting for Each Rich Text:

Tailoring the formatting of your content has never been easier. With the Rich Text element, you can style headings, paragraphs, blockquotes, figures, images, and figure captions to your liking. Simply add a class to the Rich Text element and use the "When inside of" nested selector system to apply specific styles. This level of customization allows you to create visually stunning and cohesive content that aligns with your brand and messaging.

"Writing result-oriented ad copy is difficult, as it must appeal to, entice, and convince consumers to take action. There is no magic formula to write perfect ad copy."

  • Beautifully Designed
  • Fully Responsive
  • CMS Content
  • Smooth Interactions

  1. Beautifully Designed
  2. Fully Responsive
  3. CMS Content
  4. Smooth Interactions