Container Style

Heading 1

Subtitle Medium

Subtitle Regular

Subtitle with centered text align and width of div-80 %

Heading 2

Heading 3

Heading 4

Heading 5

HN - Heading Numbers - 1234

Body text - regular - 16px

HE TEXT השתתפו בהגרלה כדי לזכות ב-AirPods 3, על ידי השתתפות בסקר שלנו

Body text - 14px

Button Text Button Text Button Text Button Text Button Text Button Text Button Text

Color Palettes

L{R-P}

Lightly Colored Background

LPP

#F6F3FF

#E4F3F1

LGR

#FBFBFB

LBR

#F3F0F5

C{R-P}

Colored Background

#325953

CPP

#B2A4DD

#B7A14D

CDBL

#B7A14D

Text Color

T{R-P}

Text White

TG
Text Green
#325953

TPP
Text Purple
#B2A4DD

TY
Text Yellow
#B7A14D

TBL
Text blue
#B7A14D

TGR
Text Yellow
#B7A14D

Display

Vertical

DV-AS-JS

Display Vertical - Align Start - Justify Start

DV-AC-JS

Display Vertical - Align Center - Justify Start

DV-AE-JS

Display Vertical - Align End - Justify Start

DV-AS-JC

Display Vertical - Align Start - Justify Center

DV-AS-JSB

Display Vertical - Align Stretch - Justify Space Between

Horizontal

DH-AC-JS

Display Horizontal - Align Center - Justify Start

DH-AC-JC

Display Horizontal - Align Center - Justify Center

DH-AC-JE

Display Horizontal - Align Center - Justify End

DH-AC-JSB

Display Horizontal - Align Center - Justify Space Between

DH-AS-JSB

Display Horizontal - Align Stretch - Justify Space Between

DH-AS-JC

Display Horizontal - Align Start - Justify Center

DH-AS-JS

Display Horizontal - Align Start - Justify Start

DH-ASTR-JS

Display Horizontal - Align Stretch- Justify Start

Margin

Zero marg all sides

0P-LUR

Zero padding -left - up - right

DM-10

Down Margin - 10

DM-40

Down Margin - 40

DM-60

Down Margin - 60

DM-60

Down Margin - 60

UM-120

Upper Margin - 120

UM-120

Upper Margin - 120

RM-20

Right Margin - 20

RM-10

Right Margin - 10

LM-20

Left Margin - 20

LM-10

Left Margin - 10

L-R-P-25

Left - Right - Padding- 25

ALLP-20

All Paddings - 20

RP-20

Right Paddings - 20

Columns

C2-1

Columns 2 - 1 column

C2-2

Columns 2 - 2 column

Position

P-A

Position Absolute

P-R

Position Relative

C3-1

Columns 3 - 1 column

C3-2

Columns 3 - 2 column

C3-3

Columns 3 - 3 column

2 Columns-8x4

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.

2 Columns-8x4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

2 Columns-8x4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. nibh et justo cursus id

2 Columns-8x4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.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

Text Align

TA-L
Text Align - Left

TA-C
Text Align - Center

TA-R
Text Align - Right

T-M
Text - Medium

T-B
Text - Bold

List

We act as the employer for your new hire, handling all HR, payroll, tax, and compliance requirements on your behalf, while you maintain control of their workload.

Designed Divs

DIV-G

DIV-LG-2

DIV-G-3

DIV-LG-2

DIV-BL

DIV-BG
Div beige

DIV-WР
Div white

DIV-W+GS
Div white + green stroke

DIV-LGR
Div light grey

DIV-BG-BLUR

DIV-LPP

Div light purple + hidden overflow

DIV-LG

Div light green + hidden overflow

DIV-LY

Div light yellow + hidden overflow

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.

List Style

‍