Concept design
Tidewater Plumbing & Gas
A plumbing website for the South West, built from a design template.
A made-up business, built to show how we work. Not a client project.
- 6 pages
- 8 colours
- 2 typefaces
- 12 grid columns
Design board
What it is built from.
The real pages, colours, type and grid behind the site, all on one board.
Home Page
About Us
Service
Our Project
Our Blogs
Contact Us
Colour palette
- Red, #DD3142, brand red: bands, buttons, links, icon fills, eyebrows
- Black, #000000, headings on white, footer background
- Near Black, #0E0E0E, a few section headings
- Dark Grey, #222222, nav links, small labels
- Mid Grey, #6D6D6D, body copy on white
- Light Grey, #F7F7F7, alternate section background
- Border Grey, #E2E2E2, card borders, dividers
- White, #FFFFFF, page background, text on red and photos
Type scale
- Hero H1: Roboto, weight 900, 44px, used for home hero headline
- Banner H1: Roboto, weight 700, 44px, used for inner page banner titles, upper case
- Promo H2: Roboto, weight 700, 44px, used for red band headings
- Section H2: Roboto, weight 500, 30px, used for section headings, upper case
- Card title: Roboto, weight 500, 20px, used for service, project and team card titles
- Eyebrow: Roboto, weight 700, 16px, used for kickers and footer column headings
- Body: Roboto, weight 400, 16px, used for paragraph copy
- Excerpt: Fira Sans, weight 500, 14px, used for blog card excerpts and captions
Grid
12 columns, 135px margin, 30px gutter, 1170px content width at 1440px wide.
Want one like this for your business?
Get a quoteStart your project
Get your quote.
Pick what you need and see a live estimate. Send it over and Flynn comes back with a fixed-price proposal.
What does your business do?
Popular:
Do you have a website?
Rather talk it through? Call Flynn on 0476 136 896, email flynn@precisionsoftwareautomation.com.au, or .
Your estimate: Nothing picked yet