Fraguaris

Construction company

A steel beam that forms an F. Concrete grey and site yellow: what you see on the ground.

#6b7280#1f2933#f5b700

Typefaces: Archivo Black · Archivo

The brief

A construction company wins contracts by showing its work. The F-shaped beam and site yellow show up on hard hats, hoardings and trucks, and the website lists each project with type, size and timeline, plus a quote form that asks only what's needed.

The brand in use

Project sheet

Industry	Construction company · Industry and construction
Promise	Building and civil works with visible weekly progress.
Highlights	Progress control · Photo reports · Site safety
Call to action	«Quote my project»
Website	Corporate site with the headline «Projects delivered on time»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 14.1:1 · button 8.2:1 (the WCAG minimum is 4.5:1)

Website · Corporate site

Projects delivered 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.

4,9 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:#1f2933;
  --acento:#f5b700;
  --tinta-boton:#1f2933;
  --oscuro:#1f2933;
  --sobre-foto:#ffffff;
  --titulo:'Archivo Black',Georgia,serif;
  --letra:'Archivo',system-ui,sans-serif;
  --radio:6px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Site app with milestones and photo reports.

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