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.
Fonts & Hierarchy
Two font families work together: Space Grotesk for headlines and labels (strong, geometric, confident), Manrope for body copy (clean, modern, readable).
Professional Security
Section Headline
Card / Component Title
Manrope is used for body copy. It reads clean at any size with generous letter-spacing and comfortable line height.
UPPERCASE TRACKING
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
Gold — CTAs, accents, hover states, brand energy
Accent
Muted blue-grey — secondary highlights, subtle contrast
Secondary
Dark charcoal — footer, dark sections, depth
Background
Near-white — page canvas, card fills, calm base
Foreground
Text scale — body, muted, strong, headings
Primary Scale
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.
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.
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 textGold 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 textAll 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
48px · 192px · 512px
White
180px · 192px · 512px
Blue
180px · 192px · 512px