Framework

Global Presets UI Style Guide

01. Color palette

#000000

#FFFFFF

#322b80

#84bc41

#e0e0e0

#F9F9F9

#e0e0e0

#444444

#000000

02. Background styles

03. Image styles

03. Text styles

H1 BARLOW SEMIBOLD 30px

H2 BARLOW SEMIBOLD 26px

H3 BARLOW SEMIBOLD 22px

H4 BARLOW SEMIBOLD 18px

Body Barlow Semibold 16px

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

style 1

style 2

style 3

Heading 1

Heading 1

Heading 1

Heading 2

Heading 2

Heading 2

Heading 3

Heading 3

Heading 3

Heading 4

Heading 4

Heading 4

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

List

  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum

All in one

Heading 1

Heading 2

Heading 3

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

This is the H2 header title

This is the H3 subtitle

Title text block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

03. Modules

style 1

style 2

style 3

+ 000 123 456 789

Blurb

=

Feature Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.

Phone

+ 000 123 456 789

Phone

+ 000 123 456 789

PRO FlipBoX

Your Title Goes Here

Your content goes here.

Your Title Goes Here

Your content goes here.

PRO Hover BoX

Your Title Goes Here

our content goes here.

Call to action

Divider

Person

Tom Peterson

Tom Peterson

CEO | Company

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.

Tom Peterson

Tom Peterson

CEO | Company

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.

Toggle

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.