Blackwell Plumbing and Gas
Website Style Guide
Hi Blackwell Amy and Josh 🤚
This is your new website layout guide. Included in the guide are proposed colour pallets, possible ways of using gradients, images, font styles and more.
Let’s Get Going 😎
01. Color palette
The first section showcases the colour pallet we are proposing for the website. You will notice that we have added a new accent colour to the pallet to help breath life into new website.
#ffffff
#e5e5e5
#fca311
#14213d
#000000
02. Visuals
The second part is showcasing how we can style certain images. You will notice that we have used an image pulled from your Facebook page to give you an idea on what the different styles can be.
03. Text styles
In this part of the style guide, you’ll find the different text styles that can be used throughout the layout.Â
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.
List
- 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.
All in one
Heading Combo 1
0.00
Initiation Fee
Heading Combo 2
As Low As
$39/mo
Heading Combo 3
Bigger.Faster.Stronger
Plumbing and Gas
Text Block 1
Plumbing Experts
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id
Text Block 2
Gas Fitters
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id
Text Block 3
Drain laying
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id
04. Buttons
In this section, we have created a few designs for buttons that we can use throughout the website.
Button 1
Button 2
Button 3
Button 4
Button 5
05. Other elements
The last section is general styles that we can use to add more depth and character to the overall design of the new website.
Divider 1
Divider 2
Image 1
Pricing Table 1
pricing
- Lorem ipsum dolor sit amet
- Aliquam tincidunt mauris eu risus
- Vestibulum auctor dapibus neque
- Nunc dignissim risus id metus
- Vivamus vestibulum nec ante
- Praesent placerat risus quis eros
Call to Action 1
work with blackwell
Call to Action 2
work with blackwell
Testimonial 1
Toggle 1
Nulla quis lorem ut libero malesuada feugiat?
Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit.
Blog
No Results Found
The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.
Contact form 1
Contact form 2
Contact form 3
Email Opt-In 1
Social media follow 1