Brand Guidelines

comparatusprecios.com

The brand identity system for a trusted way to compare insurance, utilities and services — and switch with confidence.

Version1.0
SectorInsurance · Utilities · Services
ToneTrustworthy & professional
01 — Brand Essence

Clarity you can act on.

Choosing an insurer, an energy plan or a phone contract is a high-stakes decision people often put off. comparatusprecios.com exists to make those choices clear, fair and easy — acting as a calm, impartial expert that helps people switch and save without the hassle.

TrustworthyImpartial, transparent, accurate.
ClearPlain language, no fine-print games.
ImpartialWe compare; you decide. No bias.
EffortlessSwitching made quick and simple.
02 — The Logo

A shield of comparison.

The symbol combines two ideas central to the brand: a shield for assurance and protection — the reassurance people seek in insurance and utilities — holding two comparison bars, with the taller, mint-coloured bar marking the better-value option. An amber check confirms the smart choice.

comparatus precios.com
Reversed — for navy & dark backgrounds
comparatus precios.com
Mono-white — on brand teal
Isotype — app icon & favicon
comparatus precios.com
One-color navy — print & documents
Clear space & minimum size. Keep clear space around the logo equal to the width of one comparison bar in the mark. Never show the full lockup below 130 px wide on screen, or the isotype below 24 px.
03 — Logo Misuse

Protect the mark.

✕ Don't distort

Keep original proportions always.

✕ Don't recolor

Use only approved palette versions.

✕ Don't place on clutter

Always ensure clean, calm contrast.

✕ Don't rotate

The logo stays flat and upright.

comparatusprecios
✕ Don't reset the type

The wordmark is fixed artwork.

✕ Don't fade it

Keep the logo solid and full-strength.

04 — Color System

Trust in blue. Value in mint.

Deep blue and teal are the most reliable trust signals for financial and insurance brands — they carry the identity. Mint marks the better-value result. Amber is reserved for a single key action or a savings highlight. Both accents are used sparingly to keep the brand calm and credible.

Primary
Deep Navy
#0E4D66
Core brand color. Headers, primary buttons, wordmark.
Secondary
Trust Teal
#1B6B8C
Links, secondary surfaces, the mark gradient.
Bright
Sky Teal
#2E89AD
Highlights, hover states, gradients.
Value
Saver Mint
#33C2A6
Best-value flags, positive results, success.
Accent
Signal Amber
#F4B740
One key action or savings highlight only.
Ink
Charcoal Ink
#1E2A30
Body text, dark UI surfaces.
Neutral
Slate
#5A6B73
Secondary text, captions, meta data.
Surface
Mist
#EEF3F5
Page backgrounds, cards, dividers, inputs.
65 / 25 / 10 About 65% blues & tints, 25% neutrals & ink, and only 10% mint + amber combined. Restraint with the accents is what keeps the brand reading as professional rather than promotional.
05 — Typography

Poppins leads. Source Sans supports.

Poppins gives headings a composed, modern authority. Source Sans 3 — a typeface designed for interface and long-form legibility — keeps body copy, quotes and tables exceptionally clear. Both are free and open-source.

DisplayPoppins ExtraBold
Compare. Switch. Save.
HeadingPoppins SemiBold
Find a better deal on your cover
BodySource Sans Regular
We compare quotes from regulated providers across insurance, energy and broadband — impartially, and in plain language.
Quote / dataPoppins SemiBold
€348/yr €512/yr
Caption / legalSource Sans Medium
Quotes updated daily · 40+ regulated providers
06 — Voice & Tone

Speak like a trusted adviser.

Calm, precise and genuinely helpful. We explain rather than sell, and we never use pressure. The reader should feel informed and in control — never rushed.

✓ Do

  • “Based on your details, this plan covers the same and costs €164 less a year.”
  • Explain terms in plain language.
  • Be precise — real figures, named providers.
  • Be transparent about how we compare.
  • Respect the reader's pace and judgement.

✕ Don't

  • “Don't miss out — switch NOW before it's too late!”
  • Use hype, urgency or scare tactics.
  • Hide conditions behind vague wording.
  • Make claims you can't substantiate.
  • Pressure or guilt the reader into acting.
07 — In Action

The system applied.

Buttons

Navy carries primary actions; amber is used only for the single most important step.

Quote result

Mint flag marks the best-value option.
SeguroDirecto
Full cover · 24h assistance
BEST VALUE
€348/yr
AseguraMax
Full cover · 24h assistance
€512/yr
One check. A clearer choice.

Banner example — deep navy field, generous space, a calm and confident tone. No hype, just clarity.