Style Guide

Style Guide


Colours

bg-white

bg-black

bg-orange-FFB800

bg-red-C0262C

bg-green-8CC63F

bg-blue-008FC5

bg-grey-4D4D4D

bg-grey-999999

bg-grey-4C4C4C

bg-grey-808080

bg-grey-DADBDB

bg-grey-B3B3B3

.white

.black

.orange-FFB800

.red-C0262C

.green-8CC63F

.grey-4C4C4C

.grey-4D4D4D

.grey-999999

.grey-808080

.grey-DADBDB

.grey-B3B3B3

Typographies

Font stack

font-family: 'ubunturegular', Arial, 'Helvetica Neue', Helvetica, sans-serif;

Fonts

ubuntubold

ubuntumedium

ubunturegular

Text styles

Normal text

Bold text

Italic text (is a pseudo italic)

Default link

Headers

Product Categories

home__categories__title

Accessories

home__categories__subheader

Accessories

category__header

22'' Traditional Top Round Base Companion Set, Black & Brass Plated

product__header

sidebar__header

Iconography

logo.png

ashpan.png

grate.png

cart.png

new-window.png

van.png

trustwave.png

trustwave-padlock.png

footer-logos.png

Buttons

View details

.btn - general green button

Find Grate

.btn-finder-tool

View Accessories

.btn-white-transparent

Forms

Search form (header)

Components

Header components

Call 0161 408 1431

Finder tools

Grate Finder Tool

Find Grate

Best selling products

Best selling products

Slider - from home page

Best selling products

Slider - from products/category sidebar

Adverts/callouts (home page)

Fast Delivery Guaranteed

Next day available

*on request

Delivery box - from home page

Padlock

Buy with Confidence

Secure payments

Trustwave box - from home page

Stars

Our customers love us!

See for yourself...

Trustpilot box - from home page

Adverts/callouts (sidebar)

Our customers love us!

See for yourself...

Stars

Trustpilot box - product/category sidebar

Only one delivery charge per order

Van

Delivery box - category sidebar

Home page components

Category template components

Category banner

Accessories

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore zagna aliquam erat volutpat.

Grate

Category Product listings

Grate

Product Description

£ 000.00

Add to basket
Grate

Product Description

£ 000.00

Add to basket
Grate

Product Description

£ 000.00

Add to basket

Product template components

Upsells banner

Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00
Grate
Companion Set, Black & Brass Plated £00.00

1