Style Guide

A style guide is a set of standards for the writing and design of content.

All Colors

Primary Color
#F2F2F2
Primary Color
#121212
Secondary Color
#DEDEDE
Secondary Color
#E4E4E4
Secondary Color
#6A6C71
Accent Colors
#2A2A2A
Neutral Colors
#868586

Typography - Paragraph

Archivo

Name

Heading 1

64px

Heading 2

64px

Heading 3

32px

Heading 4

24px

Typography - Paragraph

Archivo

Name
Paragraph Large
20px
Paragraph Large
18px
Paragraph Large
16px

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.

Button

Rich Text

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.

Well you know it if you know it

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.

  • Unordered List
  • Unordered List
  • Unordered List
  1. Ordered List
  2. Ordered List
  3. Ordered List
Whoever fights monsters should see to it that in the process he does not become a monster. And if you gaze long enough into an abyss, the abyss will gaze back into you.Block quote

GET IN Two TOUCH

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Astronaut in Bloom

Ready to bring your ideas to life? Let’s collaborate to design, build, and launch a digital experience that elevates your brand and drives results.