Styleguide
Maximize design consistency and visual harmony with our comprehensive reference guide covering text styles, color palettes, and shadows.
Styleguide
Maximize design consistency and visual harmony with our comprehensive reference guide covering text styles, color palettes, and shadows.
Styleguide
Maximize design consistency and visual harmony with our comprehensive reference guide covering text styles, color palettes, and shadows.
text styles
Note
When making edits to Text Styles, the changes will automatically be applied to all corresponding elements throughout the entire website.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 5
feature
Paragraph Small
Paragraph Standard
Paragraph Large
colors
Note
Easily modify colors using the Shared Colors in the property panel located on the right side of the canvas. When you make changes to a shared color, the update will be reflected throughout your entire canvas, ensuring consistency and efficiency in color management.
Purple
#8451EE
Purple Dark
#1D285B
Purple Light
#EBEFFF
Green
#45DEFE
Red
#C676BE
Yellow
#DAC549
White
#FFFFFF
Black
#000000
Text
#2D3A48
Text Light
#9FAEB4
SHADOWS
Note
To copy a Shadow property, simply right-click on any of the cards, choose "Copy Style," and then paste it onto your desired Frame or Stack. Quickly apply the same stylish shadow effect across elements with ease.
Elevation 1
Elevation 2
Elevation 2
text styles
Note
When making edits to Text Styles, the changes will automatically be applied to all corresponding elements throughout the entire website.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 5
feature
Paragraph Small
Paragraph Standard
Paragraph Large
colors
Note
Easily modify colors using the Shared Colors in the property panel located on the right side of the canvas. When you make changes to a shared color, the update will be reflected throughout your entire canvas, ensuring consistency and efficiency in color management.
Purple
#8451EE
Purple Dark
#1D285B
Purple Light
#EBEFFF
Green
#45DEFE
Red
#C676BE
Yellow
#DAC549
White
#FFFFFF
Black
#000000
Text
#2D3A48
Text Light
#9FAEB4
SHADOWS
Note
To copy a Shadow property, simply right-click on any of the cards, choose "Copy Style," and then paste it onto your desired Frame or Stack. Quickly apply the same stylish shadow effect across elements with ease.
Elevation 1
Elevation 2
Elevation 2
text styles
Note
When making edits to Text Styles, the changes will automatically be applied to all corresponding elements throughout the entire website.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 5
feature
Paragraph Small
Paragraph Standard
Paragraph Large
colors
Note
Easily modify colors using the Shared Colors in the property panel located on the right side of the canvas. When you make changes to a shared color, the update will be reflected throughout your entire canvas, ensuring consistency and efficiency in color management.
Purple
#8451EE
Purple Dark
#1D285B
Purple Light
#EBEFFF
Green
#45DEFE
Red
#C676BE
Yellow
#DAC549
White
#FFFFFF
Black
#000000
Text
#2D3A48
Text Light
#9FAEB4
SHADOWS
Note
To copy a Shadow property, simply right-click on any of the cards, choose "Copy Style," and then paste it onto your desired Frame or Stack. Quickly apply the same stylish shadow effect across elements with ease.