01
Brands in a moving strip
Luxor, Plascon, Woodoc and the rest scroll under the hero, so a customer looking for a name they know sees it in the first screen.
B&A Paint& Hardware.
A website for a family paint shop in Vanderbijlpark — trading since 2011, with a family history in paint going back to 1970. Built around the thing customers come for: the right colour, mixed at the counter.
01 · The brief
Any colour. Mixed here.
B&A stocks car, house, wood and industrial paint, solvents and waterproofing, and mixes colour to a sample, a RAL or SABS code, or just the job. Panel shops, contractors and weekend DIYers all walk in with different questions. The site had to show the whole range in one place, explain how ordering and colour matching work, and keep the phone number and directions a tap away.
What the site has to do
01
Show the whole counter. Six shelves — car, house, wood, industrial, solvents and waterproofing — each with the products people ask for by name.
02
Sell the colour mixing. A section of its own for matching a sample, a RAL or SABS code, or Luxor basecoats for the panel shop.
03
Make ordering simple. Three steps: tell us what you're painting, we mix it, collect or have it delivered.
04
Put the specials up front. This month's counter special, with the price, colours and validity, so there's a reason to call today.
02 · Colour
Paint-tin blue and sulphur yellow.
A deep cobalt carries the buttons, the stats and the header, with a sulphur yellow for labels and the special — the colours of a paint shop counter rather than a hardware chain. A warm limestone page and near-black ink keep the long product lists easy to scan.
Brand
#2B35A6
Buttons, stat cards, links
Brand Deep
#1B2170
Hover and dark cards
Sulphur
#F4DC3C
Labels and the monthly special
Limestone
#F7F6F2
Page background
Pumice
#E2E2DF
Borders and chips
Obsidian
#070607
Headings and body text
Muted
#4B4A46
Secondary text
Chalk
#FFFFFF
Cards
03 · Typography
Shop-sign headlines, friendly body.
Anton sets the headlines in tall, tight uppercase — the look of lettering on a shop front — so lines like “Any colour. Mixed here.” land instantly. DM Sans keeps the long product lists, prices and reviews clear and approachable.
01
AntonHeadings and display
02
DM SansBody, lists, buttons
04 · Details
The parts worth pointing at.
02
Product chips, not paragraphs
Each shelf lists what's on it as short chips — 2K & NC, Hammertone, Flash Harry — the words people actually ask for at the counter.
03
Numbers that answer questions
50+ years of family history, a two-hour delivery target and 42 QD enamel colours on the shelf, set as large stat cards.
04
Ask without calling
An enquiry form for stock or a colour sits beside the map and hours, for customers who'd rather not phone.
05 · The page
Top to bottom, in one go.
Want the samefor your business?
Tell us what your business does and we'll come back with a scope, a fixed price, and a date.