Tornacero

Industrial supplies

A nut and bolt forming a T. Safety orange on steel.

#5c6770#ff7a00#111111

Typefaces: Oswald · Roboto

The brief

An industrial supplier sells availability: the right part, on time. The brand uses the safety orange customers already associate with their plants, and the website puts the catalog, quotes and lead times up front.

The brand in use

Project sheet

Industry	Industrial supplies · Industry and construction
Promise	Fasteners, tools and spare parts delivered to your plant.
Highlights	Live stock · Repeat orders · Plant delivery
Call to action	«Request a quote»
Website	Corporate site with the headline «Industrial supply, on time»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 18.1:1 · button 7.2:1 (the WCAG minimum is 4.5:1)

Website · Corporate site

Industrial supply, on time

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,1 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:#fafafa;
  --tinta:#111111;
  --acento:#ff7a00;
  --tinta-boton:#111111;
  --oscuro:#111111;
  --sobre-foto:#ffffff;
  --titulo:'Oswald',Georgia,serif;
  --letra:'Roboto',system-ui,sans-serif;
  --radio:6px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

B2B portal with stock levels and repeat orders.

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

A quote request comes in
It is classified by job type and size
The team is alerted with the full details
If the quote gets no reply, a reminder goes out after 3 days