Style Guide

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

All Colors

Primary Color
#60FF67
Primary Text Color
#ffffff
Paragraph Color
#868586
Accent Colors
#bdbdbd
Neutral Colors
#121212
BG Color
#0a0a0a
Stoke Colors
#363636
Typography - Paragraph
Inter Tight
Name

Heading 1

72px

Heading 2

64px

Heading 3

48px

Heading 4

36px

Heading 5

24px

Typography - Paragraph
Inter Tight
Name

Paragraph Large

20px

Paragraph Large

18px

Paragraph Small

16px

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

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!

  • 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.
Turn Your Ideas
Turn Your Ideas
Into Reality
Into Reality