Typography

You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.

If you edit styles here, they will change across the site

Heading / Web H1

Lorem ipsum dolor sit amet

Heading / Web H2

Lorem ipsum dolor sit amet

Heading / WEb H3

Lorem ipsum dolor sit amet

Heading / web H4
Lorem ipsum dolor sit amet
Heading / web H5

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.

ParagrapH / P1

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.

Paragraph / P2

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.

Paragraph / P2 SEMI Bold

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.

Paragraph / P3
Paragraph / P3 LINK
Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
Text Link
View Project
Button

🎨 Colors

These colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.

Brand / Primary

1000
#6CC24A
300
#D7EECB

Brand / Secondary

800
#3898ec
600
#93CCE0
600 15%
#93CCE0

Brand / Teritary

1000
#F68D2E
400
#f9d65a
800
#f9a45a
300
#FFDF6F
600
#f9c35a
200
#FFE587

Basic

1000
#000000
600
#C2C5CC
900
#333333
300
#FFDF6F
800
#f9c35a
200
#EBEEF2
700
#f9c35a
100
#F4F6F9

System / Error

1000
#000000

🧱 SYMBOLS

These are a few example components.

Symbol Name: H1

Heading

4 min read
Symbol Name: H3 (Blue)

Heading 3

Symbol Name: H4 (Orange)

Heading

Symbol Name: Paragraph

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.

Symbol Name: Paragraph  Box

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.

Symbol Name: Paragraph
Usign this symbol you can create BULLET LIST & NUMBERED LIST
  • Lorem
  • Ipsum
  • Lorem Ipsum
  1. One
  2. Two
  3. Three
Symbol Name: Paragraph
Using this symbol you can create Quote
Be water my friends
Bruce Lee
Symbol Name: Full Width Image
Symbol Name: 2 Columns - H4 (Orange)+Paragraph

Heading

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.

Heading

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.

Symbol Name: 2 Columns - Icon +H3(BLue)

Heading

Symbol Name: 3 Columns - H4(Orange)+Paragraph

Heading

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.

Heading

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.

Heading

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.

Symbol Name: 2 Columns - Icon+(H4O+P2)

Heading

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.

Symbol Name: 2 Columns - Icon+(H4B+P2)

Heading

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.

Symbol Name: 2 Columns - (H4B+P2) + Icon

Heading

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.

Symbol Name: 2 Columns - Icon+Parahraph

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.