Industrial and manufacturing website design
Bold hero image with gold accents on navy
The site presents an electrical products supplier to contractors and buyers. A large hero and a clear quote button lead visitors to products and contact details.
- Strong full-width hero with bold headline
- Gold accents guide attention to quotes
- Clear top bar with contact details
Layout and navigation
A navy top bar shows contact details and a gold quote button. A white menu panel sits over a full-width hero that leads into the main message.
Color palette
Midnight navy gives the header a sturdy, trustworthy tone. Gold accents draw the eye to the quote button and contact details.
- midnight navy #071124
header and hero overlay - white #FFFFFF
menu panel and text - gold #F5B323
quote button and accents
Electrical Products Company shows that affordable web design can carry a bold hero image and a strong brand.
Typography
Headings use Barlow in bold, spaced capitals. Body text uses Roboto, which reads well over the hero photo.
Images and graphics
A full-width night photo of a city and fountains fills the hero. The image sets a bold, energetic mood with bright color.
How it is built
The page is mobile-ready with a viewport setting and secure HTTPS. Clean structure and a clear menu keep navigation easy to follow.
