HAF

The whole network, on the HAF brand

Five sites and both sets of emails, rebuilt to the spec sheet: one orange, one grey, one typeface. Day is what everybody gets by default. The button at the top right flips the night version, and it follows you from one site to the next.

One exception, and you already know about it. Every link below is a preview address no customer can reach, and the real sites and emails are unchanged — except PLNA. A scheduled publisher fired at 4am before I had stopped it and put the new branding on the real plna.usehaf.co.uk. It is serving correctly, day by default, and I can put the old version back in minutes if you would rather it waited with the rest. Nothing else moves until you say so.

Two things behave differently here than they will on the day, and neither is a branding question: the Join page reads its prices from a snapshot taken this morning rather than the live payment engine, and signing in on any of these previews will not work. They are for looking at.

The five sites

Join HAFjoin.usehaf.co.uk — the front door CleverPayclever.usehaf.co.uk — sign-in and screening PLNAplna.usehaf.co.uk — the driver's app KNECTknect.usehaf.co.uk — the dashboard The demodemo.usehaf.co.uk — what you show people

The emails

Sign-up journey21 emails, account created through to approved Jobs and payments26 emails, quotes, deposits and statements

The colours everything now uses

HAF OrangePantone 151c · #F18E00
HAF Grey#2F373E
Day page#F4F1EB
Night page#0E1113

Orange is a fill colour, not an ink. As small text on the cream it is too faint to read, so links and small orange labels use a darkened tone of the same hue and the brand orange stays exactly itself on buttons, badges and the pin in the mark.

The logos

The three marksBadge, wordmark and lockup, day and night The filesVector for screens, PNG for emails

Rebuilt as vector from your artwork, so they stay sharp at any size and take the theme's colour instead of carrying a baked-in background. The hexagon's outline is given real weight at small sizes so it does not vanish in a dark header.