Brand System

M&G Security Style Guide

This guide defines how M&G Security looks, speaks, and feels across every screen. Fonts, colors, tone, and layout rules that keep the brand consistent.

Typography

Fonts & Hierarchy

Two font families work together: Space Grotesk for headlines and labels (strong, geometric, confident), Manrope for body copy (clean, modern, readable).

Display / H1
Professional Security
H2
Section Headline
H3
Card / Component Title
Body
Manrope is used for body copy. It reads clean at any size with generous letter-spacing and comfortable line height.
Label / Button
UPPERCASE TRACKING
Color System

Palette Tokens

Five color roles keep the palette flexible: Primary for brand energy, Secondary for depth, Accent for contrast moments, Background for the canvas, and Foreground for readable text.

primary

Primary

Gold — CTAs, accents, hover states, brand energy

accent

Accent

Muted blue-grey — secondary highlights, subtle contrast

secondary

Secondary

Dark charcoal — footer, dark sections, depth

background

Background

Near-white — page canvas, card fills, calm base

foreground

Foreground

Text scale — body, muted, strong, headings

Primary Scale

50
100
200
300
400
500
600
700
800
900
Voice & Tone

How M&G Speaks

Every headline, button label, and paragraph should sound like it came from the same person: a calm, experienced professional who has seen it all and knows how to keep people safe.

Direct & Professional

No fluff. Say what you do and who you are. The audience is event planners, property managers, and school administrators — they want clarity, not poetry.

Authority Without Arrogance

Lead with law enforcement experience and 27+ years of service. That credibility speaks for itself. Never oversell or use hype language.

Local & Accountable

Berks County, PA is home. The tone should feel like a neighbor you trust — reliable, responsive, and personally invested in community safety.

Action-Oriented

Every section should guide the visitor toward contact: call, request a quote, or apply. Passive language has no place here.

Logo

Brand Mark

The M&G Security lockup features the bulldog mark alongside bold text. Multiple head and text color combinations are available for use across light, dark, and tinted backgrounds.

M&G Security logo on dark background
M&G Security logo on light background
Primary use: dark background with white text and gold bulldog. Light-background usage should use the black-text variant for legibility.

Full Lockup Set

Gold head, white text
Gold head, black text
Gold head, blue text
Blue head, white text
Blue head, black text
Blue head, blue text
White head, white text
White head, blue text
All lockup variants are approved for use. Choose the combination that provides the strongest contrast against the target background.

Icon Mark

The standalone bulldog icon — used where space is tight: favicons, social avatars, app icons, and small UI elements. Never use the icon smaller than 16px to preserve detail.

Gold

Gold icon 48px
Gold icon 192px
Gold icon 512px
48px · 192px · 512px

White

White icon 180px
White icon 192px
White icon 512px
180px · 192px · 512px

Blue

Blue icon 180px
Blue icon 192px
Blue icon 512px
180px · 192px · 512px