Style Guide

##000000
#3c3cfd
#ff00f2
#ff8a54
#fcb131
#e7e7e7
whitesmo
rgba(255, 255, 255, 0.08)

Heading Number 1

Satoshi Variable 700 Bold 52px/1.2

Heading Number 2

Satoshi Variable 700 Bold 42px/1.2

Heading Number 3

Satoshi Variable 700 Bold 32px/1.2

Heading Number 4

Satoshi Variable 700 Bold 22px/1.2

Heading Number 5

Satoshi Variable 700 Bold 18px/1.2

Heading Number 6

Satoshi Variable 700 Bold 14px/1.2

Paragraph Default

Paragraph Bold

Paragraph Italic

Paragraph Big

Paragraph Small

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!

"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."
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.

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

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