Datavela

Management software

A sail made of data nodes: direction, not just information.

#0f172a#22d3ee#8b5cf6

Typefaces: Space Grotesk · Inter

The brief

Management software has to look clear before anyone tries it. The data sail suggests direction, and the website shows the dashboard working, how billing works and a bookable demo, instead of hiding the price behind a meeting.

The brand in use

Datavela: trade-show booth and stationery

Project sheet

Industry	Management software · Technology
Promise	Tasks, team and metrics in one place.
Highlights	Live dashboard · Team permissions · Automatic reports
Call to action	«Request a demo»
Website	Software with the headline «Your operation in one dashboard»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 17.1:1 · button 9.9:1 (the WCAG minimum is 4.5:1)

Website · Software

Your operation in one dashboard

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,4 KB HTML and CSS
0 JavaScript libraries
6 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#0f172a;
  --tinta:#fafafa;
  --acento:#22d3ee;
  --tinta-boton:#0f172a;
  --oscuro:#0f172a;
  --sobre-foto:#ffffff;
  --titulo:'Space Grotesk',Georgia,serif;
  --letra:'Inter',system-ui,sans-serif;
  --radio:12px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Dashboard with team tasks and metrics.

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