Cascoluz

Industrial safety

A helmet with a beam of light that forms a C. Safety orange, visible on any shift.

#ff6a13#23262b#ffffff

Typefaces: Archivo · Inter

The brief

People buying protective equipment buy for whole crews and in a hurry. Safety orange ties the brand to the product, and the store is built for repeat orders: sizes up front, bulk buying and company invoicing.

The brand in use

Project sheet

Industry	Industrial safety · Industry and construction
Promise	Workwear and personal protective equipment for companies, delivered.
Highlights	Order by crew · Sizes in stock · Company invoicing
Call to action	«See products»
Website	Online store with the headline «Protection for every shift»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 15.2:1 · button 5.3:1 (the WCAG minimum is 4.5:1)

Website · Online store

Protection for every shift

The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.

5,0 KB HTML and CSS
0 JavaScript libraries
5 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#ffffff;
  --tinta:#23262b;
  --acento:#ff6a13;
  --tinta-boton:#23262b;
  --oscuro:#23262b;
  --sobre-foto:#ffffff;
  --titulo:'Archivo',Georgia,serif;
  --letra:'Inter',system-ui,sans-serif;
  --radio:4px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Business ordering app with reorder lists by team.

One screen for the customer and another for the team running the service, sharing the same brand system.

Automation

What happens when a customer arrives

An order arrives by site or WhatsApp
The agent confirms items, address and payment
It is logged in the sheet and stock is updated
The team is alerted and the customer gets tracking