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 6

feature

Paragraph Small

Paragraph Standard

Paragraph Large

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.

Lavender

#DDC2F7

Lavender Dark

#8F60BE

Lavender Light

#8800FF

Middle Blue Green

#7BC6C1

Powder Blue

#C1ECE9

Yellow Crayola

#FCD87D

Cultured

#FFFFFF

Dark Jungle Green

#0D1C18

Text

#19154E

Text Light

#5B5E76

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 6

feature

Paragraph Small

Paragraph Standard

Paragraph Large

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.

Lavender

#DDC2F7

Lavender Dark

#8F60BE

Lavender Light

#8800FF

Middle Blue Green

#7BC6C1

Powder Blue

#C1ECE9

Yellow Crayola

#FCD87D

Cultured

#FFFFFF

Dark Jungle Green

#0D1C18

Text

#19154E

Text Light

#5B5E76

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 6

feature

Paragraph Small

Paragraph Standard

Paragraph Large

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.

Lavender

#DDC2F7

Lavender Dark

#8F60BE

Lavender Light

#8800FF

Middle Blue Green

#7BC6C1

Powder Blue

#C1ECE9

Yellow Crayola

#FCD87D

Cultured

#FFFFFF

Dark Jungle Green

#0D1C18

Text

#19154E

Text Light

#5B5E76

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

© 2023 HomeSlice.io, Inc. All Rights reserved

© 2023 HomeSlice.io, Inc. All Rights reserved