Skip to content

Brand Guidelines & AI Knowledge Base

One brand.One standard.Every touchpoint.

The definitive guide to our brand, voice, services and communication.

Explore the guide Go to AI rules

Strategy.
Creative.
Technology.
Performance.

Full-service digital marketing · Since 2003

Aa

Exo 2
Archivo
Orbitron

Brand Foundation

Who We Are

Media Components is a full-service digital marketing agency helping businesses strengthen their digital presence, generate qualified leads, improve visibility, and turn marketing investment into measurable business growth.

The agency combines strategy, creative, technology and performance marketing rather than treating individual marketing channels as isolated services.

What We Stand For

CLIENT FOCUS

Strategies should be developed around the client's actual business objectives rather than generic marketing packages.

MEASURABLE RESULTS

Marketing should connect to meaningful outcomes such as visibility, qualified leads, conversions and revenue.

TRANSPARENCY

Clients should understand what is being done, why it is being done and how their marketing performs.

INTEGRATED THINKING

Web, SEO, advertising, social media, content, branding and automation should work together rather than as disconnected channels.

CONTINUOUS IMPROVEMENT

Research, implementation, measurement and optimization should form an ongoing cycle.

INNOVATION

The agency should continuously adapt to changes in platforms, consumer behavior, technology and AI.

Brand Positioning

Media Components brings strategy, creative, technology and performance marketing together under one team to help businesses build stronger digital brands and generate measurable growth.

FULL-SERVICE

Multiple marketing capabilities working together.

IN-HOUSE EXPERTISE

Specialists across strategy, creative, web, SEO, paid media and content.

BUSINESS-FOCUSED

Marketing tied to actual business objectives.

DATA + CREATIVITY

Creative execution supported by research, analytics and continuous optimization.

ONE ECOSYSTEM OF SERVICES

Six service groups that work as one system. Use these group and service names exactly as written when describing what we do.

Digital Foundation

  • Web Design & Development
  • E-commerce
  • Landing Pages
  • Branding & Strategy
  • Graphic Design

Organic Growth

  • SEO
  • Local SEO
  • AI Search / AI SEO
  • Content Marketing
  • Reputation Management

Paid Growth

  • Google PPC / SEM
  • Digital Advertising
  • Meta Advertising

Brand & Social Media Presence

  • Social Media Marketing
  • Content Creation

Creative Production

  • Video Production
  • Photography
  • Graphic Design

Technology & Conversion

  • AI Automation
  • CRM
  • Lead Nurturing
  • Call Tracking
  • Analytics & Reporting

BRAND VOICE

The brand voice combines expertise, clarity, and confidence with a human,
results-focused approach, helping every message feel credible, practical, and aligned with real business goals.

Brand Personality

The agency combines strategy, creative, technology and performance marketing rather than treating individual marketing channels as isolated services. Media Components should sound:

Expert but understandable

Know the subject without unnecessarily complicated terminology.

Confident but not arrogant

Speak from experience without exaggerated self-promotion.

Professional but human

Avoid corporate language that sounds robotic.

Results-focused but credible

Connect marketing to outcomes without unsupported promises.

Modern but practical

Discuss technology and AI through real business applications.

Direct not vague

Make the value clear.

Writing structure

  1. Problem
  2. Opportunity
  3. Solution
  4. Benefit
  5. CTA

Instead of

"Media Components provides innovative SEO solutions."

Prefer

“Your customers are already searching for the services you provide. Our SEO strategies help your business appear in those searches, attract qualified traffic and turn visibility into new opportunities.”

Language Rules

Use

  • measurable growth
  • qualified leads
  • digital presence
  • online visibility
  • business goals
  • data-driven
  • tailored strategy
  • conversion
  • performance
  • integrated marketing
  • digital growth
  • measurable results

Use carefully

  • best
  • leading
  • #1
  • guaranteed
  • revolutionary
  • game-changing
  • unprecedented
  • instant results

AI should never invent awards, numbers, certifications, client results or guarantees.

VISUAL IDENTITY

The M symbol is built from three interlocking components, the literal "components" in our name. Always use the original artwork. Each approved version is listed with its official file name.

Logo Usage

Clear space

Keep a clear zone equal on every side. No text, edges or graphics enter this zone.

Minimum size

To ensure legibility, the complete logo must be at least 140 px wide digitally and 35 mm in print. For smaller applications, use the standalone “M” symbol at a minimum of 32 px digitally or 8 mm in print. Always scale the logo proportionally.

Full logo · 140 px / 35 mm wide
Symbol · 32 px / 8 mm

Approved Backgrounds

High contrast, quiet surfaces

Navy #020B2C

White #FFFFFF

Red #EC1721 · mono white only

Brand gradient

Incorrect Usage

Never alter the original artwork

✕

Don't stretch or alter proportions

✕

Don't rotate

✕

Don't recolor

✕

Don't add shadows, glows or effects

✕

Don't use the color logo on low-contrast backgrounds

✕

Don't change typography or recreate the logo manually

✕

Don't place on busy images without a solid or dark overlay

✕

Don't add frames, outlines or containers

Website Palette

Primary

Dominant brand communication

Navy

Backgrounds, headings

HEX
#020B2C
RGB
2, 11, 44
CMYK
95 75 0 83
Royal Navy

Gradient end, card borders

HEX
#001253
RGB
0, 18, 83
CMYK
100 78 0 67
MC Red

Primary buttons, links, key numbers

HEX
#EC1721
RGB
236, 23, 33
CMYK
0 90 86 7
Brand gradient

Header and hero backgrounds

HEX
#001253
RGB
—
CMYK
—
Pantone
TBC

Secondary

Supporting elements

Deep Red

Red/700 · gradient start

HEX
#930007
RGB
147, 0, 7
CMYK
0 100 95 42
Wine

Gradient midpoint

HEX
#65061F
RGB
101, 6, 31
CMYK
0 94 69 60
Plum

Gradient midpoint

HEX
#380B36
RGB
56, 11, 54
CMYK
0 80 4 78

Neutral

Backgrounds and body content

White

Content backgrounds, text on dark

HEX
#FFFFFF
RGB
255, 255, 255
CMYK
0 0 0 0
Ink

Body text on white

HEX
#090909
RGB
9, 9, 9
CMYK
0 0 0 96
Slate

Secondary body text

HEX
#5D6067
RGB
93, 96, 103
CMYK
10 7 0 60
Silver

Placeholders, disabled

HEX
#CACACA
RGB
202, 202, 202
CMYK
0 0 0 21

Proportions

Used for branded social content

60%
25%
10%
5%
Primary
— dominant brand communication: backgrounds, hero areas, headings on white.
Neutral
— content areas, body copy, forms and cards.
Secondary
— supporting elements: gradients, hover states, card borders.
Accent
— CTAs, key numbers, active states. Use sparingly.

Gradients

Header · 270° #001253 → #380B36 → #65061F → #930007
Card hover · −56° #001253 → #930007
Social · #F10B17 → #0B192C

Social Media Palette

Used for branded social content

Primary

Social gradient

#F10B17 → #0B192C backgrounds

HEX
#F10B17
RGB
—
CMYK
—
Red

Highlights, CTA fills

HEX
#C2111D
RGB
194, 17, 29
CMYK
0 91 85 24

Secondary

Charcoal

Dark panels

HEX
#1E1E1E
RGB
30, 30, 30
CMYK
0 0 0 88
Dark Blue

Tech accents, panels

HEX
#07223D
RGB
7, 34, 61
CMYK
89 44 0 76

Accent

Light Gray

Text and highlights on dark

HEX
#F0EDED
RGB
240, 237, 237
CMYK
0 1 1 6

Readable Pairings

WCAG contrast ratios

Aa

White on navy · 19.3:1

Aa

Navy on white · 19.3:1

Aa

White on red · 4.5:1 · 18 px+ or bold

Aa

Slate on white · 6.3:1 · secondary copy

Avoid red text on navy for body copy (3.9:1); keep it for headings 24 px and up, numbers and CTAs. Pantone references are not yet assigned; confirm them with the print vendor. CMYK values are calculated conversions and need a press proof.

Type With a Technical Edge

Archivo runs the website from headings to buttons. Social content adds Exo 2 for headlines and Orbitron for CTAs.

Primary typeface · Website

Aa

Archivo

Aa Bb Cc Dd Ee Ff Gg
0123456789 &?!

Regular 400 · Bold 700

Headings, body, navigation, forms, buttons. Family tokens: family-title, family-body, family-button.

Secondary typeface · Social headlines

Aa

Exo 2

Aa Bb Cc Dd Ee Ff Gg
0123456789 &?!

SemiBold 600 · Bold 700 · ExtraBold 800

Social headlines, campaign titles, presentation covers. Paired with Orbitron for social CTAs and buttons only.

Live type preview

Preview font

Turn visibility into growth.

Graphic Language

Buttons & Controls

Request a quote

  • Primary CTA: red pill, 40 px radius, uppercase Archivo 16.
  • Secondary CTA: red uppercase text link, underline on hover.
  • Slider arrows: 48 px circles; the active one is filled white.

Shapes, lines & borders

  • Radius scale: 8 px for list items and inner cards, 16 px for stat and feature cards, 40 px for buttons and pills.
  • Lines: 1 px dividers at 25% white on dark, navy on white.
  • Hover states fill with 25% white or switch to the navy→crimson card gradient.
  • Glow effect: paired drop shadows, blue #0019FF and red #EC1721 at 15%, offset ±10 px, blur 15.
  • Icons: white line icons with 2 px strokes on dark; red is the only accent inside an icon.

Stat cards

52%

reduction in cost per acquisition

52%

reduction in cost per acquisition

Web Design & Development

  • Custom website creation tailored to brand goals
  • Mobile-responsive layouts for optimal user experience
  • UX/UI design focused on conversion
  • CMS integration (WordPress, Drupal, etc.)
  • Website performance optimization
Learn more

Sample figures shown only to illustrate the component. Publish real numbers only when they come from a verified client result.

Icon set

Social visual style

  • Use dark red-to-black gradient backgrounds consistently across branded social content.
  • Keep high contrast and a strong hierarchy: headline → supporting information → CTA.
  • Bold headlines with short, informative supporting copy.
  • Neon, metallic, blue or technology accents are used strategically, never as decoration on every post.
  • AI visuals, holographic overlays and motion effects only when relevant to the subject.
  • Include human elements (team portraits, hands, devices, real workplaces) to keep technology relatable.
  • Clean icons and minimal supporting graphics. Logo placed consistently at top or bottom center.
  • Futuristic effects support the message without making the brand look sci-fi.

Photography & Imagery

Define the visual direction.

Preferred

  • Real people and real businesses
  • Professional working environments
  • Authentic collaboration
  • Business owners and teams
  • Technology in realistic environments
  • Natural expressions and strong composition

Avoid

  • Obvious generic stock photography
  • Excessively futuristic AI imagery
  • Robots, brains or neon circuits for every AI topic
  • Fake-looking business situations
  • Overly staged corporate handshakes

AI BRAND KNOWLEDGE

This should be one of the most important sections in the entire book.

mc_brand_definition.txt

COMPANY
Media Components
TYPE
Full-Service Digital Marketing Agency
FOUNDED
2003
CORE PURPOSE
Help businesses strengthen their digital presence, generate qualified leads and achieve measurable growth through integrated digital marketing.
CORE CAPABILITIES
Web, SEO, PPC, social media, content, branding, creative production, reputation management, automation, CRM and analytics.
PRIMARY AUDIENCE
Businesses seeking professional digital marketing and growth support.
GEOGRAPHIC CONTEXT
United States, with established operations in Pennsylvania and South Florida.
BRAND PERSONALITY
Professional, knowledgeable, confident, modern, transparent, practical, results-focused.

AI Content Instructions

This page should literally be written as instructions an AI can ingest.

  1. 01Write from Media Components' perspective using we / our.
  2. 02Focus first on the client's business challenge.
  3. 03Connect services to measurable business objectives.
  4. 04Keep explanations understandable to business owners.
  5. 05Use professional but conversational language.
  6. 06Avoid excessive marketing clichés.
  7. 07Do not invent statistics, testimonials, certifications, awards or case-study results.
  8. 08Do not guarantee marketing outcomes unless an approved source explicitly supports the claim.
  9. 09Use approved Media Components terminology.
  10. 10Finish conversion-focused content with an appropriate CTA.

AI Content by Channel

ChannelToneLengthMain goal
WebsiteProfessional + persuasiveMediumExplain + convert
Landing pageDirect + benefit-drivenConciseConversion
BlogEducational + authoritativeLongEducate + SEO
LinkedInProfessional + insightfulMediumAuthority
InstagramAccessible + engagingShort / mediumAwareness
FacebookConversational + informativeMediumEngagement
Paid adsDirect + benefit-focusedVery shortAction
EmailPersonal + clearShort / mediumNurture / action

AI Do / Don't

DO

  • Explain value clearly
  • Use approved service terminology
  • Connect marketing to business outcomes
  • Maintain consistent brand voice
  • Use specific information supplied in the brief
  • Adapt messaging to channel and audience
  • Fact-check quantitative claims

DON'T

  • Invent company facts
  • Invent client results
  • Invent services
  • Promise rankings or revenue
  • Overuse AI buzzwords
  • Sound excessively corporate
  • Describe Media Components as only one type of agency
  • Call every solution "revolutionary"