Style Guide

Style Guide

Use this style guide to ensure consistancy across your website.

Main green color
#53ad6f
Main black color
#121e33
Light grey color
#969696
Alice blue color
#edf5f7
Azure color
#dfeff0
Main white color
#ffffff

Heading h1

H1 Heading
65px

Heading h2

H2 Heading
50px

Heading h3

H3 Heading
36px

Heading h4

H4 Heading
24px
Heading h5
H5 Heading
22px
Heading h6
H6 Heading
20px

Paragraph

Paragraph
16px

Bold text

Bold text
16px

Italic text

Italic
16px
Link text
Inline link span
16px green

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!

Ninjax | SaaS HTML5 Responsive Website Template

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.

  • Unordered list item
  • Unordered list item
  • Unordered list item
  • Unordered list item

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.

  1. Ordered list item
  2. Ordered list item
  3. Ordered list item
  4. Ordered list item

Data automation made easy. Ready to give it a try?

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.

2000+ companies trust Ninjax as their preferred social dataflow tool