Guidelines

Design Guidelines

Information about the Font, text style, color and shadow we use in this tamplate

Text styles

Note

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

Heading 1

H2 - XL

H2 - Title L

H2 - Title M

H2 - Title S

H2 - Sub XL

H2 - Sub L

H2 - Sub M

H2 - Sub S

H3 - Paragraph L - Bold

H3 - Paragraph M - Bold

P - Paragraph L

P - Paragraph M

P - Paragraph S

P - Paragraph Text

P - Paragraph Title

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.

Primary

#1659FF

Secondary

#1FD643

Secondary-2

#0F1F3D

Info

#4E545F

Soft Gray

#C9C9C9

Soften Gray

#EEEEEE

White

#FFFFFF

Blue

#009DFF

Blue Light

#47C1FE

Purple

#5B14FF

Danger

#FF1A1A

Warning

#FF851A

Doff Black

#080808

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

Ready to Shine?

Find the insights that will supercharge your business.

No credit card required

Cancel Anytime

Ready to Shine?

Find the insights that will supercharge your business.

No credit card required

Cancel Anytime

Ready to Shine?

Find the insights that will supercharge your business.

No credit card required

Cancel Anytime

© 2023 Shine Commerce

© 2023 Shine Commerce

© 2023 Shine Commerce