Cifralia

Accounting and advisory

Bars rising inside a C. Navy and emerald: order and growth.

#0b2545#13a76b#ffffff

Typefaces: IBM Plex Sans

The brief

An accounting firm sells peace of mind month after month. Blue and emerald speak of order and growth without looking like a bank, and the website explains services by company type and leads to a meeting with the basics already covered.

The brand in use

Project sheet

Industry	Accounting and advisory · Professional services
Promise	Accounting for companies, with a clear report.
Highlights	Monthly close · Taxes up to date · Reports you can use
Call to action	«Talk to an accountant»
Website	Corporate site with the headline «Your numbers in order, every month»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 15.4:1 · button 5.0:1 (the WCAG minimum is 4.5:1)

Website · Corporate site

Your numbers in order, every month

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,8 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:#ffffff;
  --tinta:#0b2545;
  --acento:#13a76b;
  --tinta-boton:#0b2545;
  --oscuro:#0b2545;
  --sobre-foto:#ffffff;
  --titulo:'IBM Plex Sans',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

Client dashboard with invoices and taxes.

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