Framework
Global UI Style Guide
Site development by Zeustek
This style guide is a vital part of your web design project!
01. Logos
Primary
Primary colors help consumers to quickly identify a brand.
02. Color palette
Primary colors help consumers to quickly identify a brand. These are the core colors of the brand. Commonly, primary colors are incorporated into a company’s logo.
Primary
Primary colors help consumers to quickly identify a brand.
#009EFF
#1d334e
Secondary colors
Secondary colors highlight and compliment the primary color or colors.
#107BE0
#1ED693
Tertiary colors
A tertiary color is a third level of a color palette that helps combines primary and secondary colors.
#000000
03. Typography
The art of typography plays a major role in a company’s identity and is most effective when the words are consistent in both content and appearance.
https://fonts.google.com/specimen/Poppins
H1
Poppins
Heading 1
H2
Poppins
Heading 2
H3
Poppins
Heading 3
H4
Poppins
Heading 4
- Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
- Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Quisque velit nisi
Sample Call to Action
(000) 000-0000
04. Buttons
05. Blurbs
Up next, we have some blurb modules that have been frequently used in the layout pack.
Blurb 1
Mini Tune Up
Blurb 2
Mini Tune Up
Curabitur aliquet quam id dui posuere blandit. Praesent sapien
Blurb 3
Schedule Move
Blurb 4
Vestibulum ante
Blurb 5
Address
San Francisco, CA 00000
Blurb 6
25% Off
06. Other modules
Last but not least, we’re sharing other module designs that were used in the layout pack. Upon importing with presets, these have all been added to your preset library. If you didn’t enable the import presets option, you’re able to turn any one of these modules into a global preset.
Accordion 1
Proin eget tortor risus?
Quisque velit nisi pretium?
Lorem ipsum dolor sit?
Praesent sapien massa?
Divider 1
Divider 2
Slider 1
Blog 1
How To Clear Your Browser Cache
Hmm... There was an error logging you in; please try again. You may need to clear your browser cache first. Visiting a website is usually a smooth process. But then there are those times that things just don’t seem to work, and you need to start fresh. Cleaning out...
Social Media Follow 1
Social media follow 2
Forms
Email optin form 1