Design Direction · v2 · Innov8 Security

Confident, capable,
built locally.

A visual system for Innov8 Security — protecting homes and businesses across Hertfordshire and Essex. Trustworthy without being cold, capable without shouting. NSI accreditation front and centre, owner-led throughout.

BriefTrustworthy, down-to-earth, no-nonsense OwnerEx-army, runs obstacle races AudienceLocal homeowners & SMEs
01 · The logo

Anchor of the brand

On cream Innov8 Security logo
On indigo (alt) Innov8 Security logo on dark

The existing logo is strong — confident wordmark, distinctive electric blue "8", reads clearly at all sizes. We keep it as the brand anchor. On dark surfaces we use a knockout treatment. Minimum size: 24px tall. Clear space: roughly half the logo height all around.

02 · Personality

What the brand should feel like

Tone
Calm
Quietly confident. Doesn't oversell.
Visual
Ordered
Generous space. Careful alignment. Nothing crammed.
Voice
Direct
Plain English, owner-led, no marketing fluff.
Character
Local
Real places, real people, discipline in the detail.
03 · Colour

Built around the existing brand

Sampled from logo
Indigo — Primary
#222076
Headlines, primary buttons, dark surfaces. The authority colour. Direct match to the logo wordmark.
Sampled from logo
Electric — Accent
#00ADEF
The "8" in the logo. Used for accents, active states, highlights. Direct brand match.
Base
Cream — Base
#FAF8F4
Page background. Warmer than pure white, balances the cool brand blues.
Text
Ink — Body text
#0F172A
Body copy. Not pure black — slightly softer on warm cream.

Full indigo ramp gives flexibility for badges, hover states, subtle backgrounds, alternative dark surfaces. The 700 stop (#222076) is the anchor — exact match to the logo. Lighter stops earn their place in tags, info panels, and quieter backgrounds.

04 · Accent options

Three directions to pick from

Professional security, done properly.
Request a quote NSI Approved
Option B · Coral
#E14B3C
Warm, friendly, slightly hi-vis. Adds humanity and softness. Best if you want to lean away from "tech" feel toward "local trades".
Professional security, done properly.
Request a quote NSI Approved
Option C · No accent
Indigo only
Just brand blues + warm neutrals. Most disciplined and refined. Best if you want to lean fully into "quiet authority".

My recommendation is Option A — Electric Blue. It's already in the brand (the "8"), it gives the design genuine pop without introducing a new colour, and it carries that "alarm panel / live system" energy that subtly reinforces the category. The rest of this document uses Option A. If you'd like to see the system rendered with Option B or C instead, that's a quick swap.

05 · Typography

Manrope + JetBrains Mono

Display Manrope 800 · -3% tracking · 1.05 line-height
Professional security,
done properly.
H1 — Page title Manrope 700 · -2.5% tracking · 1.15 line-height
CCTV installation across Hertfordshire & Essex
H2 — Section Manrope 700 · -2% tracking · 1.2 line-height
Why people choose Innov8
Body Manrope 400 · 17px · 1.6 line-height

We supply and install home and business security systems across Bishop's Stortford and the surrounding area — burglar alarms, CCTV, door entry and access control. NSI approved, owner-run, and properly accountable. If something needs sorting, you call us, not a call centre.

Label · Mono JetBrains Mono 500 · uppercase · 8% tracking
NSI Approved · Cert #ABCD1234 · Est. 200X
06 · Components

Building blocks

Buttons

Primary uses indigo for weight and authority. Secondary outlined for less weighty CTAs. Ghost (with underline) for tertiary actions like phone numbers in nav. The electric blue is reserved for accents and highlights — not for main button surfaces, so it stays special.

NSI Silver trust block — integrated, not retrofitted
NSI Silver Certification
NSI Silver Approved Security Company The hallmark of excellence for UK security providers — Silver tier indicates compliance audited annually by the National Security Inspectorate.
Certificate ABCD1234 · Audited 2026

The existing site already features the NSI Silver lockup prominently below the hero — that placement is good. The improvement here is consistency: applying the same mark to every key page (services, contact, maintenance) at a consistent size and visual treatment, and referencing the Silver tier specifically in copy where appropriate, since it carries meaning that "NSI Approved" alone glosses over.

Service card
01 / 03
📡

Burglar alarms

Home and business intruder alarm systems. Texecom, Orisec, Ajax — installed properly, maintained reliably.

Learn about alarms
02 / 03
📹

CCTV installation

Modern CCTV systems with remote viewing. Hikvision and Ajax. Useful evidence when you need it.

Learn about CCTV

Icons shown as emoji placeholders — would be replaced with proper line-weight SVG icons in indigo or electric blue. The "01 / 03" mono numbers give the cards their "field manual" character.

Testimonial

"The lads who came round to install the alarms were delightful, and we can't recommend the company highly enough."

MS
Mr & Mrs S
Enfield · Home alarm installation
07 · Hero in context

Everything together

NSI Silver Approved · Hertfordshire & Essex

Professional security, done properly.

Home and business security systems across Bishop's Stortford and beyond. Burglar alarms, CCTV, access control and door entry — installed by an owner-run team you can actually get hold of.

Years protecting properties20+
Certification NSI Silver
Local toBishop's Stortford
What you get Free quote
On-site security assessment
Tailored system design
Written quote within 48 hours
NSI-standard installation
Ongoing maintenance options

The full system in action. The NSI eyebrow sits above the headline (not buried in footer). Electric blue picks out the key word in the headline and the trust pill. The right-side card pre-empts the implicit "what am I committing to?" objection — important for a category where people are wary of pushy sales calls.

08 · Tone of voice

How it should read

✗ Not this

"Innov8 Security is a market-leading provider of best-in-class security solutions, leveraging cutting-edge technology to deliver unparalleled peace of mind."

✓ This

"We install alarms, CCTV and door entry systems for homes and businesses in Bishop's Stortford and the surrounding area. NSI approved. Owner-run."

✗ Not this

"Our team of dedicated security professionals will work tirelessly to ensure your property is protected 24/7."

✓ This

"If something needs sorting, you call us — not a call centre. We do the install, we do the maintenance, we know your kit."

Voice rules

  • First person, plural. "We install" not "Innov8 installs". This is a small team, not a faceless brand.
  • Plain English. "Burglar alarm" not "intruder detection solution". Call things what people call them.
  • Specifics over adjectives. "Texecom and Ajax" beats "industry-leading kit". "Bishop's Stortford and Sawbridgeworth" beats "Hertfordshire-wide".
  • Owner-led where relevant. When it makes sense, name names. Real people earn more trust than logos.
  • No hyperbole. Skip "best", "leading", "premium", "unparalleled". Let the NSI badge and the testimonials do the boasting.
  • Earned military tone, not parade-ground. Discipline shows up in precision and follow-through — not in barking "MISSION CRITICAL SECURITY SOLUTIONS" at the reader.
09 · The thinking

Why this works

Design rationale, briefly

Security businesses fall into two design traps. Trap one: shouty hi-vis maximalism — orange splashes, "24/7 PROTECTION" all-caps, stock images of padlocks. Reads as defensive and a bit desperate. Trap two: sterile corporate blue — generic stock photos, evenly-spaced features grids, all the personality leached out. Reads as faceless.

This direction sits between them. The existing logo gives us a confident indigo that carries authority without aggression, and an electric blue accent that adds genuine energy without needing to invent anything new. The cream base warms it up so the cool brand blues don't tip into "tech-cold". Mono labels add a precision detail that feels earned (NSI cert numbers, install dates) rather than performed.

A note on the NSI Silver mark: the current site already places it well, directly below the hero next to the introduction. That stays. What we add is consistency — the same mark, at the same size, in the same hierarchy, on every page that matters (services, maintenance, contact). And we reference "NSI Silver" in copy where it earns its place, rather than the more generic "NSI approved".

The owner being ex-army and a competitive obstacle racer shows up in the discipline of the layout — tight alignment, consistent rhythm, nothing extra — rather than in any literal visual reference. The character is in the restraint.

Next steps: confirm the accent direction (Option A, B or C), then prototype the first real page — homepage hero, services grid, NSI block — in production code that we can build from.