Global Presets UI Style Guide
This website style guide acts like a rulebook for your website’s design. It outlines the visual elements and written content that create your brand’s online presence. By having a style guide in place, you ensure consistency across your webpages, making your site not only visually appealing but also user-friendly and trustworthy.
01. Color palette
In the first part of the style guide, you can find the color palette that’s been used for the layout pack. Use these colors inside the default color palette in your Divi Theme Options.
#ffffff
#000000
#878a7b
#B8C6D9
#565244
#bfb6a4
02. Visuals
The second section of this style guide provides examples of the types of images that will be used throughout the site. Key features of these images will be:
- Ideally taken by the salon.
- Take advantage of rustic salon interior emphasising light brick and timber interior.
- Models should be salon models.
- Plant/foliage in image acceptable.
- Vibrant colours only used for models/subjects.
This is a hero module
03. Text styles
For text throughout the site the following fonts will be used which are designed to complement the fonts used in the redesigned logo:
- Headings – Playfair Display
- Body – Lato
There’s a separate preset for each heading style and a global preset with all text styles in one.
Heading 1
Heading 1
Heading 2
Heading 2
Heading 3
Heading 3
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.
Phone number
(255) 352-6258
Price
$7.00
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
04. Buttons
Three button styles will be used throughout the site as follows:
Button 1
Button 2
Button 3
05. Modules
These provide examples of some of the modules that will be used on the site.
Email optin
Contact form 1
Slider 1
Blog 1
No Results Found
The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.
Social media follow 1