Cobralta

Steel structures

Two beams that form a C in profile. Rust and steel, the workshop as it is.

#9c3b22#59636e#f2f0ea

Typefaces: Saira Condensed · Roboto

The brief

A steel fabricator sells capacity and on-time delivery. The two beams in profile form the C without ornament, rust and steel are the workshop's colours, and the website shows projects with tonnage and timelines before any slogan.

The brand in use

Project sheet

Industry	Steel structures · Industry and construction
Promise	Fabrication and erection of steel structures for industry and construction.
Highlights	Own workshop · On-site erection · Written timelines
Call to action	«Quote a structure»
Website	Corporate site with the headline «Steel fabricated and erected on schedule»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 6.0:1 · button 5.4:1 (the WCAG minimum is 4.5:1)

Website · Corporate site

Steel fabricated and erected on schedule

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:#f2f0ea;
  --tinta:#9c3b22;
  --acento:#59636e;
  --tinta-boton:#f2f0ea;
  --oscuro:#9c3b22;
  --sobre-foto:#ffffff;
  --titulo:'Saira Condensed',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

Fabrication tracking app by piece and delivery date.

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