HWM Engineering
Homepage Concept Review Three homepages. One decision.
The strategy and content are locked. What follows are three distinct interpretations of the same eleven-block homepage — each committing to a clear design point of view. Open each, compare side by side, and pick the direction that best fits how HWM should be received by a Tier 1 procurement reader on first scroll.
Heavy Industrial
Near-black framed-poster layout in Inter Black. Amber accent as a system colour. Big italic stat numerals, sharp-corner cards with 2px borders that flip amber on hover, full amber CTA band over a hairline grid. Reads as a heavy fabrication brand — confident, no-decoration, industrial.
- Display · Inter Black 900
- Orange accent · #e35603
- Sharp corners · 2px borders
- 12px framed-page treatment
Engineered Grid
Technical-documentation style. A visible 12-column grid, numbered sections, monospace accents for cert numbers and spec values. Orange operates as a system colour — hairline rules, hover states, status chips. Looks like the inside of a process drawing set.
- Mono accents · IBM Plex Mono
- Tabular layouts
- Numbered sections
- Hairline rules
Heavy & Confident
Bold, assertive, premium construction brand. A condensed industrial display face (Big Shoulders) at scale, alternating dark and light bands down the page, a full orange CTA band, duotone full-bleed photography. The "Ignite" direction the design system originally named.
- Industrial display · Big Shoulders
- Dark / light bands
- Generous orange use
- Duotone full-bleed