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).
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.
Full Lockup Set
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.