Dieselman Nam / Brand
Technical, coastal, capable, and human. Dark graphite provides the base, Dieselman orange carries emphasis, steel and warm bone keep the system readable, and the Atlantic mist softens the heavy industrial character of the workshop. Real workshop and road imagery does more work than long copy.
Logo
The Dieselman Nam logo is the supplied authentic full-colour mark. It is used freely with clear space, never inside a decorative circle, never inverted, never recoloured, never retraced, and never regenerated. The mark sits directly on the surface of the header, the off-canvas menu, and the dedicated footer band.
The natural aspect ratio of the mark is preserved at every size, with explicit width and height reserved before the SVG loads so the layout does not shift.
Colour
The palette is locked to CSS custom properties so every surface carries the same character across every page. No hard-coded colours elsewhere in the components. The diesel orange is the only accent used for calls to action and emphasis.
Graphite
#1D2224
Base surface, page chrome
Workshop
#14191B
Deep surface, footer bands
Steel
#303A3D
Secondary surface, hairlines
Diesel
#E5652D
Primary accent, CTAs, emphasis
Atlantic
#8FA6A7
Muted text, mist veils
Sand
#D7C5A4
Warm surface, coastal accent
Bone
#F3EFE7
Body text, primary foreground
Oxide
#704132
Footer warm tint, hairline accent
Type
Oswald carries the display headlines and the brand voice. Source Sans 3 carries the body copy and keeps long-form reading comfortable on mobile connections. JetBrains Mono carries the technical labels and the measurement-style annotations, mirroring the dial and gauge character of the workshop.
Display / Oswald
Keep the load moving.
Body / Source Sans 3
Wheel alignment, diagnostics, repairs, call-outs, and roadside assistance for light and heavy vehicles across the Erongo Region, with Walvis Bay as the base.
Mono / JetBrains Mono
Dieselman Nam / Walvis Bay / Erongo Region
Photography
Real Dieselman Nam workshop and road footage is treated as evidence of the work the business actually does. Generated atmospheric visuals are used only as background or section imagery and are always disclosed as supporting visuals, never presented as Dieselman Nam staff, vehicles, premises, customers, or completed work. Credentials are documentary images with personal identifiers removed.
Documentary frame. The Dieselman Nam team in the Walvis Bay workshop. Real client footage.
Motion
The motion system uses CSS transform and opacity only, on a 140 to 220 millisecond curve for controls and a 250 to 400 millisecond curve for surfaces. No runtime motion library is loaded. The truck journey animation on the home page is scroll-driven and gated to on-screen viewports only, with a full reduced-motion fallback that parks the truck and draws the route without rotation.