Framework

Global Presets UI Style Guide

01. Color palette

The color palette of your brand’s style guide is carefully curated to reflect your unique identity. By using these approved colors consistently across all marketing materials, you can create a cohesive and recognizable brand image. For detailed color specifications for printing and web use, please refer to the color formulas provided in the style guide.

#FFFFFF

#F9F9F9

#f2f2f2

#e0e0e0

#444444

#000000

#F9F9F9

#e0e0e0

#444444

#000000

02. Text styles

Your brand’s style guide includes carefully curated typography to reflect your unique identity. Use these approved fonts and styles consistently for a cohesive brand image. Refer to the style guide for detailed specifications.

Primary

Secondary

Tertiary

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

03. Modules

Your brand’s style guide includes UI elements that have been carefully curated to reflect your unique identity. By using these approved elements consistently on your website, you can create a cohesive and recognizable brand image. For detailed specifications on how to use these UI elements, please refer to the information provided in the style guide. Whether you’re designing a new page or updating an existing one, these UI elements provide the perfect foundation for creating a cohesive and memorable user experience.

Primary

Secondary

Tertiary

Blurb

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.

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.

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.

Email optin

Contact form

2 + 10 =

12 + 6 =

10 + 12 =

Divider