Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to variables so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Style panel on the right and add it as a variable by clicking the purple dot next to a color property.

Text styles

Lorem ipsum dolor

Quasimoda Regular 15px/160%

Lorem ipsum dolor

Quasimoda SemiBold 15px/160%

Lorem ipsum dolor

Quasimoda Regular 18px/200%

Lorem ipsum dolor

Quasimoda Medium 18px/200%

Lorem ipsum dolor

Quasimoda ExtraBold 18px/200%

Lorem ipsum dolor

Quasimoda SemiBold 18px/200%

Lorem ipsum dolor

Iskra Bold 21.600000381469727px/160%

Lorem ipsum dolor

Iskra Bold 25.920000076293945px/160%

Lorem ipsum dolor

Iskra Bold 31.100000381469727px/130%

Lorem ipsum dolor

Iskra Bold 37.31999969482422px/150%

Lorem ipsum dolor

Iskra Bold 44.790000915527344px/140%

Lorem ipsum dolor

Iskra Bold 53.75px/120%

Lorem ipsum dolor

Quasimoda Regular 25.920000076293945px/100%

Lorem ipsum dolor

Quasimoda ExtraBold 25.920000076293945px/100%

Color styles

background-color-white - #FFFFFF

text-color-green - #1DC857

text-color-purple- #9D75CB

background-color-purple - #9D75CB

background-color-orange - #FBB13C

background-color-red - #FF686B

background-color-gray - #F1F5F9

background-color-light-green - #E9FAEF

background-color-light-blue - #EAFAFC

background-color-light-purple - #F6F2FA

background-color-green

background-color-medium-green - #1AB44E

text-color-black - #011627

text-color-blue - #26CAD9

text-color-blue - #26CAD9