Back to work

Supreme Diesel

Supreme Diesel · 2026 · Brand & Identity · Design & guidelines

Brand guidelines for a diesel specialist.

The problem

Every supplier who touched the brand rebuilt it slightly differently, until the logo on the van no longer matched the logo on the invoice.

Supreme Diesel brand guidelines title card

The brief

Supreme Diesel service diesel engines. The brand lives on overalls, a workshop wall, a bakkie door, a quote emailed as a PDF, and a sign a local signwriter will cut without ever speaking to a designer.

That last one shapes everything. The guidelines had to be clear enough to be followed correctly by people who were never briefed.

The system

Two typefaces with separate jobs. A condensed display face that reads on a forecourt, and a plain workhorse for anything that has to be read properly. A mono face carries the specification tables.

One accent. Red belongs to the logo. Amber does hazard, warning and wayfinding, borrowed from the workshop the brand already lives in.

Why it ships as a webpage

The guidelines are a single HTML file. No licence, no Acrobat, no confusion about which version is current. It opens on a phone in a workshop. The last section is a checklist to run through before anything goes to print.

The palette

8 colours
Diesel Navy#1B2530Anchor, primary ground
Ink#10161DDeep ground, type on light
Supreme Red#E51D2AThe mark and single accent
Hazard Amber#F5A623Warnings, highlights, wayfinding
Steel 600#4A5560Secondary type, rules
Steel 400#8A94A0Captions, disabled states
Steel 200#D8DBDEDividers, table rows
Workshop White#F3F4F5Light ground

The live document

Opens in the page
Supreme Diesel Brand GuidelinesLive document · click to open

The document as it was delivered.Open in a new tab

The logo

4 versions

Build notes

Specification
Deliverable
Single HTML document, 14 sections, opens offline in any browser
Typefaces
Oswald for display, Work Sans for body, JetBrains Mono for specification
Document weight
213 KB, reduced from 4.28 MB by removing duplicated artwork
Sections
Mark, placement, misuse, palette, pairing, type, voice, checklist

Outcome

A signwriter can check the logo on their phone before they cut it. No licence, no Acrobat, no wondering which version is current.

Credits

Identity & system
Ronald De Klerk
Client
Supreme Diesel
Next project

Virtumed

Say hello

Let's make
something.

Tell me what you're working on. The brief, the deadline, or just the rough shape of it.

Ronmeister22@gmail.com
Based in Johannesburg
LocationJohannesburg, South Africa
Phone083 519 6300

© 2026 Ronald De Klerk, Johannesburg, South AfricaBuilt by Ronald De Klerk