Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to global swatches so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Background Color section in the Style panel, edit the color, and add it as a global swatch.

Text styles

Lorem ipsum dolor

Crimson Text SemiBold 112px/100%

Lorem ipsum dolor

Crimson Text SemiBold 64px/110%

Lorem ipsum dolor

Crimson Text SemiBold 56px/110%

Lorem ipsum dolor

Crimson Text SemiBold 48px/150%

Lorem ipsum dolor

Crimson Text SemiBold 32px/140%

Lorem ipsum dolor

Crimson Text SemiBold 20px/140%

Lorem ipsum dolor

Nunito Sans Bold 16px/100%

Lorem ipsum dolor

Nunito Sans Regular 28px/150%

Lorem ipsum dolor

Nunito Sans Regular 18px/150%

Lorem ipsum dolor

Inter Medium 14px/20px

Lorem ipsum dolor

Inter Regular 16px/24px

Lorem ipsum dolor

Inter Medium 12px/16px

Color styles

color-primary - #F3F3F3

color-secondary - #DEDEDE

tecza-lewa - stop 1 / 0% / #5A35B6 stop 2 / 100% / #D84528

tecza-prawa - stop 1 / 0% / #5A35B6 stop 2 / 100% / #D84528

tecza-srodek-90 - stop 1 / 6% / #CB806F stop 2 / 23% / #5D36B0 stop 3 / 70% / #5D36B0 stop 4 / 100% / #CB806F

radial-20 - #453F3F

bg-main-noise - #272626 / Image Background

White - #FFFFFF