Trazumbra

Engineering and projects

A plumb line hanging from a set square to form a T: precision and true vertical.

#12355b#c7d3dd#f26a21

Typefaces: IBM Plex Sans Condensed · IBM Plex Sans

The brief

An engineering firm competes on proven experience. The system borrows the language of technical drawings, with fine lines, a precise grid and an orange kept for what matters, so a tender folder, a presentation and the website look like the same engineering office.

The brand in use

Project sheet

Industry	Engineering and projects · Industry and construction
Promise	Detailed engineering, installation and industrial project management.
Highlights	Detailed engineering · Progress control · Installation management
Call to action	«Discuss the project»
Website	Corporate site with the headline «Engineering that gets built without surprises»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 8.2:1 · button 4.8:1 (the WCAG minimum is 4.5:1)

Website · Corporate site

Engineering that gets built without surprises

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,2 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:#c7d3dd;
  --tinta:#12355b;
  --acento:#f48143;
  --tinta-boton:#12355b;
  --oscuro:#12355b;
  --sobre-foto:#ffffff;
  --titulo:'IBM Plex Sans Condensed',Georgia,serif;
  --letra:'IBM Plex Sans',system-ui,sans-serif;
  --radio:6px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Control dashboard with a Gantt chart and progress by discipline.

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 lead arrives from ads or the site
It is scored by need and urgency
Qualified leads go to a person with an instant alert
The rest get an email sequence and stay in the CRM