Novi Styleguide
Source of truth of this template.
Headings
Heading H1 · 60px · 1.2 · Bold 700

Children are our future

Children are our future
Heading H2 · 48px · 1.2 · Bold 700

Children are our future

Children are our future
Heading H3 · 40px · 1.3 · Bold 700

Children are our future

Children are our future
Heading H4 · 24px · 1.5 · Bold 700

Children are our future

Children are our future
Heading H5 · 20px · 1.5 · Bold 700
Children are our future
Children are our future
Heading H6 · 16px · 1.5 · Bold 700
Children are our future
Children are our future
Subtitle 1 · 26px · 1.5 · Regular 400
Children are our future
Subtitle 2 · 20px · 1.5 · Bold 700
Children are our future
Subtitle 3 · 14px · 1.5 · Regular 400
Children are our future
Text Span
Children are our future
rich text element
Basic nested HTML Tags

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.

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.

  • The rich text element allows you to create and format headings
  • Headings, paragraphs, blockquotes, figures, images, and figure captions
  • A rich text element can be used with static or dynamic content.
color palette
Blue
Red
Black
components
Button Primary / Big
Button Primary / Big + Icon Right
Button Primary / Big + Icon Center
Button Primary / Small
Button Primary / Small + Icon Right
Button Primary / Small + Icon Center
Button Secondary / Big
Button Secondary / Big + Icon Right
Button Secondary / Big + Icon Center