
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
Button
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
Divider