Colors

Accent colors with tints.
Accent 1 - Tint 1
#56369f
Accent 1 - Tint 2
#8363e2
Accent 1 - Tint 3
#b099f5
Accent 1 - Tint 4
#d7caff
Accent 1 - Tint 5
#f1ecff
Accent 2 - Tint 1
#006d59
Accent 2 - Tint 2
#00b695
Accent 2 - Tint 3
#00dcb4
Accent 2 - Tint 4
#80ffe8
Accent 2 - Tint 5
#d4fff7
Accent 3 - Tint 1
#806700
Accent 3 - Tint 2
#d4ab00
Accent 3 - Tint 3
#ffcd00
Accent 3 - Tint 4
#ffe680
Accent 3 - Tint 5
#fff7d4
Accent 4 - Tint 1
#800e00
Accent 4 - Tint 2
#d41800
Accent 4 - Tint 3
#ff634f
Accent 4 - Tint 4
#ff8e80
Accent 4 - Tint 5
#ffd9d4
Neutral - Tint 1
#545454
Neutral - Tint 2
#848484
Neutral - Tint 3
#BCBCBC
Neutral - Tint 4
#EAEAEA
Neutral - Tint 5
#F5F5F5

Applied colors

Background (BG), Text and Border colors.
BG - Primary
#FFFFFF
BG - Secondary
#F6F7F9
BG - Accent
#E4E0F1
BG - Primary inverse
#40267b
BG - Secondary inverse
#2C185A
Text - Headings
#56369F
Text - Primary
#09162A
Text - Secondary
#545454
Text - Primary inverse
#FFFFFF
Text - Secondary inverse
#F1ECFD
Border - Primary
#F6F7F9
Border - Secondary
#E4E0F1
Border - Primary inverse
#56369F

Typography

Heading - Poppins
Paragraph - Poppins
Buttons - Poppins

Heading

Heading

Heading

Heading

Heading
Heading

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.

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.

Rich text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Headings
Heading Jumbo
Heading Jumbo
Heading Jumbo

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
  1. ordered list
  2. list item2
Paragraphs & Links

Paragraph-bigger

Paragraph

Paragraph-de-emphasized

Paragraph-smaller

Paragraph-tiny

Label
A text linkA text link
Buttons & Form Elements
Rich Text Element

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

Example heading 5

  • Unordered item 1
  • Unordered item 2
  • Unordered item 3
  1. Ordered item 1
  2. Ordered item 2
  3. Ordered item 3

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.

This is a test for italic typography.

Example heading 4

Example heading 6
Example for a quote or highlighted information in a box.

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.

  1. example number list.
  • example bullet list
  1. some example of list item
  2. example 2
  • Some bullet as example
#ffffff
White
#000000
Black
#1478c8
Ocean blue
#deeefc
Ocean blue - TINT 1
#9ccdf5
Ocean blue - TINT 2
#1478c8
Ocean blue - shade 1
#1478c8
Ocean blue - shade 2
#1478c8
Ocean blue - shade 3
#00dcb4
Bright grey
#d4fff7
Bright green - tint 1
#80ffe8
Bright green - tint 2
#00b695
Bright green - shade 1
#006d59
Bright green - shade 2
#00241e
Bright green - shade 3
#8363e2
Orchid purple
#e6dff4
Orchid purple - Tint1
#b3a0df
Orchid purple - Tint2
#56369f
Orchid purple - Shade1
#33205f
Orchid purple - Shade2
#0c061f
Orchid purple - Shade3
#f6f7f9
Neutral - tint1
#e4e8ec
Neutral - tint2
#e4e8ec
Neutral - tint3
#c0cad3
Neutral - tint4
#96a6b6
Neutral - Grey
#788ca1
Neutral - Shade1
#96a6b6
Neutral - Shade2
#344556
Neutral - Shade3
#09162a
Neutral - Shade4

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.

  1. some example of list item
  2. example 2
  • Some bullet as example