Tableral

Industrial electrical

A switchboard that forms a T with a bolt. Electric blue and signage lime.

#0057b8#1c2127#b7e000

Typefaces: Space Grotesk · Inter

The brief

An electrical contractor has to convey safety before creativity. Electric blue brings order, lime works as a signal and the switchboard symbol is understood without explanation on a report, an ID badge or an electrical room door.

The brand in use

Project sheet

Industry	Industrial electrical · Industry and construction
Promise	Switchboards, installations and electrical maintenance for industry.
Highlights	Custom switchboards · Scheduled maintenance · A report after every visit
Call to action	«Request a site visit»
Website	Corporate site with the headline «Safe power for your plant»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 10.6:1 · button 5.0:1 (the WCAG minimum is 4.5:1)

Website · Corporate site

Safe power for your plant

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:#b7e000;
  --tinta:#1c2127;
  --acento:#0050a9;
  --tinta-boton:#b7e000;
  --oscuro:#1c2127;
  --sobre-foto:#ffffff;
  --titulo:'Space Grotesk',Georgia,serif;
  --letra:'Inter',system-ui,sans-serif;
  --radio:6px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Maintenance app with inspection checklists and alerts per panel.

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