Color Styles

Primary

Primary 20

Primary 40

Primary 60

Primary 80

Primary Dark

Dark 20

Dark 40

Dark 60

Dark 80

Gradient

Primary

Dark Elipse

Dark (Left)

Dark Top

Light Elipse

Light (Left)

Light (Top)

Secondary Light

SL 10

SL 20

SL 30

SL 40

SL 50

SL 60

SL 70

SL 80

Secondary Dark

SD 10

SD 20

SD 30

SD 40

SD 50

SD 60

SD 70

SD 80

Typography

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/auto

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/auto

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/auto

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/auto

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/auto

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/auto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Para 1 - 14px/20

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Para 2 - 16px/25

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Para 3 - 18px/27

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Para 4 - 20px/30

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Para 5 - 22px/36

Copyright Strupek 2024 - All Rights Reserved