Every logo, colour, typeface, component and rule that makes Vanaways look like Vanaways — ready to use across the fleet site, finance application, payment portal and everything in between.
The Vanaways wordmark pairs a blue-and-red “V” with a soft-cornered lowercase logotype. Keep clear space around it equal to the height of the “V”, and never recolour, stretch, rotate or add effects. Click any Copy URL chip to grab the live CDN link.
The palette is deliberately tight: two brand colours on a neutral base. Blue is trust — logo, headings, links, focus, primary CTAs. Red is the money and the action — price, “Apply for finance”, “Request callback”, FREE DELIVERY. Click any swatch to copy its hex.
#114598Trust · primary · links · focus#e92a3eConversion · price · action#5d5f65Body text#d9d6ddBorders · dividers#0a2962Fleet hero · footerHeadings are set in ITC Avant Garde Gothic (the logo face); where it isn’t available we use Lato Black (900) as the approved fallback. Body is Helvetica, falling back to Open Sans. Headings track tight (−0.01 to −0.02em); body sits at 1.5 line-height.
We provide complete fleet solutions for businesses of all sizes, with competitive pricing and exceptional service — and a dedicated fleet manager on hand throughout.
Vanaways writes like a direct, no-nonsense UK van dealer — not a SaaS startup. Tight, practical, benefit-led, British English. A human (“a dedicated fleet manager”) is always somewhere in the offer.
Production-faithful patterns lifted straight from the live products. Signature moves: the red pill nav CTA, the brand-tinted hover lift, the FREE DELIVERY circle, and the van tile.
2px border · grey fill → white on focus · 4px blue focus ring
3 yr warranty & cover
FREEUI icons are Lucide — stroke-based, 1.5–2px, rounded caps, 20–24px. There is no proprietary icon font; don’t invent illustrations. Manufacturer logos ship as SVG, shown grey at rest and full-colour on hover.
A 4px base grid drives every dimension. Corner radii are a signature: 12px on buttons and inputs, 12–16px cards, 24px modals, and full pills for nav CTAs and status chips.
| Token | Value | Use |
|---|---|---|
--font-heading | Lato Black, Helvetica Neue… | All headings & logo type |
--font-body | Open Sans, Helvetica… | Body copy |
--radius-md | 12px | Default buttons & inputs |
--radius-pill | 9999px | Nav CTA & status chips |
--ease-default | cubic-bezier(.2,.8,.2,1) | Standard transitions |
--ease-spring | cubic-bezier(.175,.885,.32,1.275) | Modal / overshoot |
--shadow-brand | 0 12px 28px rgba(17,69,152,.22) | Primary CTA bloom |
The full set — 110+ tokens for colour, type, spacing, radii, shadows and motion — lives in css/tokens.css. Import it and build with custom properties; don’t hard-code hex values.
Everything here is served from cdn.vanaways.dev. Hot-link directly in production, or download a bundle for offline use.
All 14 logo files — wordmark, reversed, tagline lockup, V mark, grayscale and the vector PDF — in one ZIP.
Download logos (.zip)The official one-page guideline — palette and type pairing, straight from the source of truth.
Open PDFEvery colour, type, spacing, radius, shadow and motion value as CSS custom properties. Import and go.
Download tokens.cssHot-link any asset in production. Example: the V mark lives at the path below.