Visual identity system · v1.0

SRP Group Brand guidelines for a unified energy ecosystem

June 2026 · Best, North Brabant, NL
01 — Brand architecture
SRP Zuid is the foundation brand

All entities in the ecosystem derive their credibility from SRP Zuid's 20+ years of Dutch engineering. The visual system reflects this: SRP Zuid Blue is the master color, and every entity is visually "endorsed" by the parent brand.

SRP

SRP Zuid

Master brand · Manufacturing foundation · Est. 2005

SRP Renewables

Sustainable energy projects — the transition arm

R & R IP

DC fast charging products — the innovation brand

MM Guide

Software & data intelligence — the digital brain

Part of SRP Group

Every subsidiary uses this endorsement badge in its footer and communications. The connected-dots symbol references SRP Zuid's core business: electrical distribution. It appears at a fixed size (height 28px) and always in SRP Blue.


02 — Color system
Rooted in SRP Zuid Blue

The palette derives from SRP Zuid's corporate blue. Each entity receives one accent color that complements — never competes with — the master blue. The accent is used sparingly: for dot indicators, hover states, and small highlights. SRP Blue always dominates.

Primary — SRP Zuid Blue

Used across all entities for navigation, headers, CTAs, and the endorsement badge. This is the unifying thread.

SRP Blue
#004B8D
Primary actions, headers, navigation
SRP Blue Dark
#00264A
Headlines, dark backgrounds
SRP Blue Deep
#001B36
Hero sections, footer
SRP Blue Mid
#1A6BB5
Links, highlights, interactive states
SRP Blue Light
#D6E8F7
Borders, tinted backgrounds, tags

Entity accents

Each entity owns one accent. It appears in their dot indicator, section accents on the group website, and as secondary color on their own site.

Renewables Green
#1D8B4F
SRP Renewables — sustainability, growth
R&R Electric
#2B7FE0
R & R IP — technology, charging, EV
MM Guide Violet
#5B4FC7
MM Guide — software, data, intelligence

Functional

Signal Orange
#E8772E
Alerts, emphasis, industrial safety signals
Steel
#3D4F5F
Body text, secondary content

Do

  • Use SRP Blue as the dominant color on every page (nav, headers, primary buttons)
  • Use entity accent sparingly — dot indicators, thin borders, small highlights
  • Pair SRP Blue Dark with white for maximum contrast on headlines
  • Use Signal Orange only for calls to action or safety-related elements

Don't

  • Let an entity accent become the dominant color on the group site
  • Mix two entity accents in the same component
  • Use SRP Blue Deep as text color — it's for backgrounds only
  • Replace SRP Blue navigation with entity colors on subsidiary sites

03 — Typography
Industrial precision, human readability

Two typeface families serve complementary roles. DM Sans for personality-rich headlines and navigation. IBM Plex Sans for body text — chosen for its industrial heritage and excellent readability at small sizes. IBM Plex Mono for technical details, specs, and metadata.

Display — DM Sans
From switchgear
to smart grid

DM Sans 700 · Letter-spacing -0.03em · Used for headlines, navigation, entity names, page titles

Body — IBM Plex Sans
SRP Zuid invests heavily in knowledge and development of our staff. We are one of the few European companies able to develop and produce distribution systems up to 8,000 ampère.

IBM Plex Sans 400 · Line-height 1.7 · Used for paragraphs, descriptions, card content

Technical — IBM Plex Mono
Max output: 2× 60kW or 1× 120kW · Battery: 6× 10kWh LiFePO4 · Protocol: OCPP v1.6

IBM Plex Mono 400 · Used for specs, metadata, code, labels, section numbers

Hero title
DM Sans 700 · 48–72px
From switchgear to smart grid
Section title
DM Sans 700 · 28–40px
Four specialists, one partner
Card heading
DM Sans 600 · 18–22px
Energy management system
Body
IBM Plex Sans 400 · 16px
Custom-built switchgear and control panels up to 8,000 ampère.
Caption / meta
IBM Plex Mono 500 · 12px
PART OF SRP GROUP · BEST, NL

04 — The distribution line
A motif drawn from what SRP Zuid builds

The signature visual element is a horizontal line connecting colored nodes — a direct reference to a single-line electrical diagram. It represents how the four entities connect to form one system. This motif replaces generic decorative elements and is unique to the SRP Group.

SRP Zuid
MM Guide
Renewables
R & R

In hero sections

A single horizontal line runs behind or below the hero headline, with faint glow at each node. It sets the "connected ecosystem" tone immediately.

As section dividers

Between page sections, the line appears as a thin horizontal rule with a small junction dot at center — replacing generic <hr> elements.

In the endorsement badge

The "Part of SRP Group" badge uses a miniature two-node line as its icon, reinforcing the connection metaphor at the smallest scale.

In presentations and print

The line runs along the bottom of slide templates and the header of printed documents. It's the visual thread that ties all touchpoints together.

05 — Entity profiles
How each entity appears in the system

Each entity keeps its own identity while being visually anchored to SRP Zuid. The rule: SRP Blue is always the primary. Entity accents appear in indicators, not in primary UI.

SRP Zuid
Master brand

The foundation — full ownership of SRP Blue

SRP Zuid uses the full blue palette as its primary identity. No secondary accent needed — blue is their brand. Their website, materials, and communications use SRP Blue exclusively. All other entities visually defer to this color.

#004B8D
#00264A
#1A6BB5
Renewables
Energy transition

Green accent within the blue framework

SRP Renewables uses SRP Blue for navigation and structure, with Renewables Green as secondary accent for icons, status indicators, and section highlights. The green signals sustainability without overriding the parent identity.

Primary nav
Accent #1D8B4F
R & R
Product brand

Electric blue for a tech-forward product

R & R has more visual independence as a product brand — their accent blue can appear in product photography, CTAs, and charger interface design. However, the "Part of SRP Group" badge and SRP Blue navigation still anchor them to the parent.

Endorsement
Product #2B7FE0
MM Guide
Technology partner

Violet accent for the digital layer

MM Guide operates as an external partner with its own brand. On the SRP Group site, it appears within the blue system with a violet accent indicator. On their own site, they maintain their independent identity with the "Part of SRP Group" badge in the footer.

Badge only
Own brand #5B4FC7

06 — Usage rules
Hierarchy in practice

The visual hierarchy ensures SRP Zuid's presence is felt on every touchpoint — without suppressing the individuality of the other entities.

Navigation

  • Group site: SRP Blue nav across all pages
  • Entity sites: SRP Blue nav with entity accent for active states
  • "Part of SRP Group" badge in every footer
  • Shared typefaces (DM Sans + IBM Plex) across all sites

Content hierarchy

  • Entity names always set in DM Sans 600
  • Entity role labels in IBM Plex Mono uppercase
  • Dot indicators (8px circles) use entity accent color
  • Card borders and tags use SRP Blue Light

Print and presentations

  • Distribution line motif on every slide footer
  • SRP Blue as primary slide background option
  • Entity accent only for data visualization highlights
  • SRP Zuid logo appears on first and last slide

Common mistakes

  • Giving all four entities equal visual weight — SRP Zuid leads
  • Using entity green/blue/violet as nav or header color on group materials
  • Omitting the endorsement badge on entity communications
  • Mixing typefaces beyond the three-family system

SRP Group Visual Identity

Version 1.0 · June 2026 · For internal use