HEADINGS

Heading H1

Heading H2

Heading H3

Heading H4

Heading H6

PARAGRAPHS
Paragraph

Pellentesque nunc orci, tincidunt et fermentum a, tincidunt at lectus. Mauris consectetur egestas tempus. Praesent nec lobortis tellus. Nulla nec vulputate diam, sit amet molestie dui.

Paragraph (Project)

Cras non massa posuere, cursus leo id, convallis risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer auctor, arcu quis rhoncus facilisis, velit enim tristique eros, non posuere arcu risus gravida ex.

Poppins  | 400 font-weight / 13px font-size / 24px line-height

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.

Text Block
Hero Text Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Poppins | 600 font-weight / 14px font-size / 40px line-height  / 2px letter-spacing

Nav Link Text Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Montserrat | 600 font-weight / 14px font-size / 20 px line-height

Email Link, Work type, Link Text & Duration

Poppins | 400 font-weight / 14px font-size / 20px line-height

Copyright Info & Footer Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Poppins | 400 font-weight / 13px font-size / 20px line-height

Color Usage
Color Name : Midnight Blue
Hex : #0e192f
Color Usage : Hero Section, Work Section, Project Image Overlay, Experience Section, Contact Section.
Color Name : Aquamarina
Hex : #64ffd9
Color Usage : Nav Link Text Block, Nav Link Underline, Social Icon( On Hover), Email Link(On Hover), Hero Section Overlay
Color Name : Aquamarina(Opacity 80%)
Hex : #64ffd9
Color Usage : Work Type, Visit Link
Color Name : Black(Opacity 10%)
Hex : #000000
Color Usage : Grid Block(Black)
Color Name : White
Hex : #ffffff
Color Usage : Nav Link Text Block
Color Name : Alice Blue
Hex : #e6f1ff
Color Usage :  Hero Text Block, Heading H1, Footer Block Line, Hero Text Block Bottom Border
Color Name : Alice Blue(Opacity 90%)
Hex : #e6f1ff
Color Usage : Heading H1, Heading H2, Heading H3
Color Name : Alice Blue(Opacity 80%)
Hex : #e6f1ff
Color Usage : Social Icon, Email Link, Hero Text Block
Color Name : Alice Blue(Opacity 70%)
Hex : #e6f1ff
Color Usage : Paragraph, paragraph(Contact)
Color Name : Alice Blue(Opacity 60%)
Hex : #e6f1ff
Color Usage : Duration
Color Name : Alice Blue(Opacity 30%)
Hex : #e6f1ff
Color Usage : Copyright Info, Footer Link
Color Name : Alice Blue(Opacity 15%)
Hex : #e6f1ff
Color Usage : Accordion Wrapper Bottom Border
Color Name : Light Steel Blue
Hex : #a8b2d1
Color Usage : Paragraph(Project)