Our mission
Turn ambition into a coherent presence.
Create distinctive identities, polished websites, and connected digital experiences that help businesses communicate clearly and move forward.
The Mirror Marketing brand systemEdition 01 / 2026
Excellence,
reflected.
Distinctive brands. Exceptional websites. One uncompromising attention to detail. This is how we bring Mirror Marketing to life.
01Precision in every decision
02One coherent identity
03Craft you can recognize
A practical reference for everyone shaping our brand: designers, developers, collaborators, and production partners.
02The foundation
Quality is our standard.
Clarity is our signature.
We combine creative ambition with precise execution. Our identity should feel as considered as the work we deliver.
Your Brand,
Perfectly Reflected.
A mirror reflects what makes something distinctive. We reveal that character, give it a clear visual language, and carry it through every digital and physical touchpoint.
Our promise is thoughtful strategy, high-quality design, dependable implementation, and a personal working relationship.
Our vision
Make exceptional quality the expectation.
Be the creative digital partner businesses trust for the standard of the thinking, the care in the details, and the quality of the finished work.
Our positioning
Creative craft. Technical depth. One partner.
Mirror Marketing connects brand design, websites, digital visibility, and business automation into one consistent experience.
Who we serve
Ambitious businesses with standards.
Entrepreneurs, growing companies, and established organizations that value a distinctive identity and digital work built to last.
Every detail has a reason.
Make deliberate choices. Check the finish. Remove what gets in the way.
Design the whole experience.
Connect strategy, identity, content, and technology across every touchpoint.
Stay close to the people.
Listen carefully, explain clearly, and take responsibility for the work.
Make the work useful.
Pair strong aesthetics with usability, performance, and practical business value.
Branding & designWebsites & digital platformsDigital marketingAI & automation
How we express quality: show the craft, the process, and the outcome. Specific examples carry more weight than claims such as “the best” or “number one.”
03Our identity
One signature.
A distinctive reflection.
The mirrored emblem and reflective spectrum carry our creative character. The full lockup makes Mirror Marketing the name to remember.
Master lockup / original reflective color1× clear space
Give the signature room.
Use the central stem’s width as X. Leave at least 1× X around the outermost visible edges. Keep text, rules, and other logos outside this space.
240 px stacked
Keep the name readable.
Recommended screen minimums: 240 px for the stacked lockup, 320 px for the horizontal layout, and 32 px for the full emblem.
2 name levels
Respect the hierarchy.
Mirror Marketing is the public-facing brand name. Majestic is the secondary signature. Keep their master proportions and spacing.
Use with intention
- Use the master for covers and brand introductions.
- Use the horizontal layout where height is limited.
- Use the emblem for avatars and compact recognition.
- Use one-color artwork for simple reproduction.
Protect the signature
- Do not stretch, rotate, or crop the complete lockup.
- Do not recolor or flatten the reflective gradient.
- Do not add shadows, glow, bevels, or outlines.
- Do not rearrange or remove words from the lockup.
The uploaded Mirror_Marketing_Logo.pdf is the artwork authority. Minimum sizes are practical starting points; check the actual output, especially on small or textured print surfaces.
04Our identity
A calm foundation.
An unmistakable spectrum.
Neutral surfaces create focus. A controlled yellow accent guides action. The original spectrum gives the identity its creative energy.
The signature spectrum
Source hues from the master artwork. Select any swatch to copy its HEX value.
Give color a clear role.
Yellow supports primary actions and key highlights. Cyan can support links on dark surfaces; violet works well for links on light surfaces. Lime, mint, and magenta remain expressive spectrum colors. Use dark text on yellow buttons in both themes; use the darker yellow ink for small accent text on light surfaces.
Keep the spectrum special.
Use the reflective gradient through the supplied vector logo. A simple spectrum line may support layouts. Keep large reading areas neutral and avoid assigning separate brand colors to each service.
≈80% neutral foundation≈15% supporting tones≈5% accent
Clarity comes first.
A distinctive palette should always support comfortable reading.
Check a color pairing
—Normal text
Target at least 4.5:1 for normal text and 3:1 for large text. WCAG reference ↗
HEX values define the screen palette. Convert artwork with the intended print profile and approve a proof; vivid RGB colors will not have identical CMYK equivalents.
05Our identity
Confident in the headline.
Clear in every sentence.
Montserrat connects the wider identity to the logo. DM Sans brings a readable, human rhythm to long-form text and interfaces.
Display & headings
Montserrat
Aa Bb Cc Dd Ee Ff Gg Hh
0123456789 & @
Use 700 for headings and 800 for large display statements. The logo itself retains its original ExtraBold and SemiBold lettering.
Body & interface
DM Sans
Aa Bb Cc Dd Ee Ff Gg Hh
0123456789 & @
Use 400–500 for body text and 500–600 for labels and controls. Favor sentence case and comfortable line height.
| Role | Desktop / mobile | Weight | Line height | Use |
|---|---|---|---|---|
| Display | 64–80 / 40–48 px | 800 | 1.05–1.15 | Short hero statements |
| Section title | 36–44 / 28–32 px | 700 | 1.15–1.25 | Clear chapter hierarchy |
| Subheading | 20–24 / 18–22 px | 600–700 | 1.3 | Content groups |
| Body | 16–18 / 16 px | 400–500 | 1.6–1.8 | Reading and explanation |
| UI label | 13–14 / 13–14 px | 500–600 | 1.4–1.5 | Buttons and navigation |
Use uppercase sparingly for short labels. Keep body tracking natural, headline tracking slightly tight, and line lengths near 60–75 characters. Use a script-appropriate companion font for Arabic.
06Our expression
Structure creates confidence.
Generous space, strong alignment, and deliberate hierarchy make our work feel considered before a single word is read.
12-column desktop grid4-column mobile grid
Build with an 8-point rhythm.
Use 8 px as the main spacing rhythm and 4 px for small adjustments. Increase space between content groups instead of adding more borders or decorative boxes.
4
8
16
24
32
48
64
96
Keep shapes quietly precise.
Use modest corner radii to echo the softened emblem. Small controls use 6 px, containers 12 px, and large display panels up to 20 px.
6 px
12 px
20 px
One clear focal point.
Give each composition one dominant message. Let the supporting content sit beneath it in a recognizable reading order.
Align with purpose.
Use a common left edge for reading. Reserve centered arrangements for logo displays and short, focused statements.
Adapt, don’t shrink.
Stack content thoughtfully on mobile. Keep useful spacing, readable text, and comfortable touch targets.
07Our expression
Show the work.
Make the craft visible.
Our visual world is precise, contemporary, and grounded in what we create. Every image should explain something or reveal quality.
Mirror Marketing / Art directionDetails make
Precision · Contrast · Intent
Details make
the difference.
Precision · Contrast · IntentLead with real project work.
Show interfaces, identity systems, print details, and useful close-ups. Use authorized client work and give it enough space to be understood.
Choose considered photography.
Favor natural light, authentic working moments, and uncluttered environments. Keep skin tones natural and avoid heavy rainbow overlays.
Use geometry as a supporting motif.
Enlarge or repeat the emblem as quiet background artwork. Keep full logo lockups intact and maintain contrast around content.
One consistent icon language
Simple outline icons, a 24 px base grid, approximately 1.5–2 px strokes, and restrained rounded joins. Pair unfamiliar symbols with text.
Design
Web
Development
Systems
Automation
Trust
Experience
Action
Keep decorative crops low contrast and away from reading areas. A cropped emblem is a background motif, never a substitute for the complete brand signature.
08Our expression
Confident. Clear. Human.
We sound like people who care about their craft, understand the business, and can explain their decisions.
Be precise.
Use concrete language. Explain what we make, why it matters, and what the client can expect.
Be assured.
Let expertise show through useful detail. Keep promises proportionate and support results with evidence.
Be approachable.
Write with warmth and respect. Simplify technical subjects and make the next step easy to understand.
Sounds like us
“We create a clear identity and a carefully built website, designed around your business and the people you want to reach.”
Move away from
“We sprinkle digital magic on your business with unbeatable, cutting-edge solutions that guarantee success.”
One message, naturally localized.
We create distinctive brands and high-quality websites, built with precision and designed to move your business forward.
Preserve the meaning and tone. Adapt phrasing, punctuation, and reading direction to the audience. Keep the brand name unchanged.
Editorial habits
- Use short sentences, active verbs, and meaningful headings.
- Describe deliverables and outcomes specifically.
- Use “we” for the team and “you” for the reader.
- Keep the tagline’s wording and punctuation consistent.
Leave behind
- Unsupported rankings, guarantees, and inflated superlatives.
- Repeated jargon or vague promises of transformation.
- Overly casual slang in proposals and formal documents.
- Unverified statistics or unapproved client testimonials.
09In practice
A premium experience
should feel effortless.
Our digital work pairs visual distinction with clear information, responsive layouts, and dependable interaction.
Branding / Websites / DigitalApplication exampleA sharper
A sharper
digital presence.
Thoughtful identity. Precise design. A coherent experience from the first impression to the next step.
Explore applications
Buttons / one primary action
Use specific labels. Keep primary actions visually distinct and give secondary choices less weight.
Forms / clear and helpful
A visible label, useful guidance, and an obvious focus state.
Keep body text readable and check color contrast in both themes.
Support keyboard access, visible focus, and meaningful control labels.
Use comfortable touch targets and test real mobile content flow.
Dark and light are equal expressions of the same system. Preserve hierarchy and spacing, choose the correct logo variant, and tune contrast for each surface.
10In practice
Move with purpose.
Motion should clarify a change, guide attention, or acknowledge an action. Keep it quiet, responsive, and under control.
120 ms
Immediate feedback
Hover, focus, and pressed states should respond promptly and feel direct.
240 ms
Component changes
Menus, panels, and short transitions can use a gentle ease-out.
400–600 ms
Editorial entrances
Use sparingly, once per reveal. Keep important content visible and accessible.
Respect reduced-motion preferences. Avoid continuous logo rotation, flashing accents, scroll hijacking, and decorative animation that delays access to content.
11In practice
One brand.
Every business touchpoint.
Carry the same hierarchy, restraint, and care into the materials people read, share, and keep.
A considered
digital future.
Brand & website proposalYour project / Our approachFrom ambition
From ambition
to execution.
01Strategy & discovery
02Identity & experience
03Development & delivery
A clear beginning.
Mirror Marketing
mirror-marketing.com
Branding & digital experiences
contact@mirror-marketing.commirror-marketing.com
Hello,
Thank you for sharing your project. We look forward to shaping the next steps together.
The Mirror Marketing team
Branding & digital experiences
contact@mirror-marketing.com
mirror-marketing.com
Mirror Marketing / Our standardQuality in
Quality in
every detail.
One idea.
Clearly expressed.
Use a short message, a generous margin, and one recognizable brand signature. Let typography or real project work lead the composition.
Keep platform interface overlays and mobile crops in mind before export.
Proposal covers can use the dark brand surface. Keep inside pages predominantly light for comfortable reading.
Documents & presentations
Use a strong cover, clear section titles, consistent page furniture, and restrained accent lines. Align figures and keep deliverables easy to scan.
Letterheads & invoices
Prioritize legibility and usable writing space. Keep registered company, contact, and relevant tax details in a consistent footer.
Production & delivery
Supply vector artwork for print, appropriate bleed and safe margins, and outlined copies when needed. Confirm the printer’s own specifications.
Email examples show the visual direction. Production email signatures should use email-compatible layout and hosted PNG artwork; preserve readable contact text.
12Your toolkit
Start with the right files.
Use the master artwork and consistent tokens. A careful starting point protects the quality of everything that follows.
The brand essentials.
The unchanged master PDF, vector logo variants, PNG exports, companion fonts and licenses, and color tokens in CSS and JSON.
Master artwork
The user-approved PDF. Vector artwork with the original text and gradient treatment.
Download PDFPrimary logo
Transparent SVG of the master lockup. Outlined lettering for reliable rendering.
Download SVGDesign tokens
The core color and font variables, ready to carry into digital materials.
Download CSSChoose the right surface. “Dark” assets use light lettering for dark backgrounds. “Light” assets use dark lettering. Black and white files are one-color alternatives. Keep the logo’s aspect ratio intact.
This guide establishes the wider brand system around the supplied logo master. Keep future updates consistent across the source artwork, website, and commercial templates.