Styleguide

A reference guide for text styles, color palette and shadows.

Styleguide

A reference guide for text styles, color palette and shadows.

Styleguide

A reference guide for text styles, color palette and shadows.

text styles

Note

Any edits of the Text Styles will apply to all reflective elements across the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

Link

colors

Note

You can change colors in the Shared Colors found in the property panel on the right side of the canvas. When you update a shared color, it will update everywhere on your canvas.

DARK PINK

#EE907B

ORANGE

#FF6C4B

Pink

#FCDECF

Red

#DC0000

OFF BLACK

#3C3C3C

White

#FFFFFF

Off White

#E5E5E5

PURE BLACK

#000000

OFF BLACK

#3c3c3c

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.

Elevation 1

Elevation 2

Elevation 2

text styles

Note

Any edits of the Text Styles will apply to all reflective elements across the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

Link

colors

Note

You can change colors in the Shared Colors found in the property panel on the right side of the canvas. When you update a shared color, it will update everywhere on your canvas.

DARK PINK

#EE907B

ORANGE

#FF6C4B

Pink

#FCDECF

Red

#DC0000

OFF BLACK

#3C3C3C

White

#FFFFFF

Off White

#E5E5E5

PURE BLACK

#000000

OFF BLACK

#3c3c3c

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.

Elevation 1

Elevation 2

Elevation 2

text styles

Note

Any edits of the Text Styles will apply to all reflective elements across the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

Link

colors

Note

You can change colors in the Shared Colors found in the property panel on the right side of the canvas. When you update a shared color, it will update everywhere on your canvas.

DARK PINK

#EE907B

ORANGE

#FF6C4B

Pink

#FCDECF

Red

#DC0000

OFF BLACK

#3C3C3C

White

#FFFFFF

Off White

#E5E5E5

PURE BLACK

#000000

OFF BLACK

#3c3c3c

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.

Elevation 1

Elevation 2

Elevation 2

Ship sites with style.

Go from design to site with Framer, the web builder for creative pros.

Get Started

Learn More

Ship sites with style.

Go from design to site with Framer, the web builder for creative pros.

Get Started

Learn More

Ship sites with style.

Go from design to site with Framer, the web builder for creative pros.

Get Started

Learn More