Brand Miz Brand Guidelines & Design System
Building brands, boosting success.
The single source of truth for how Brand Miz looks, sounds, and behaves — across web, social, presentations, documents, and every application in between. Built for our team, freelancers, agency partners, and AI tools alike.
Introduction
Who Brand Miz is, why we exist, and the promise we make to every business we work with.
About Brand Miz
Brand Miz Pvt. Ltd. is a Business Growth Company — not a traditional agency. We help startups, MSMEs, D2C brands, B2B businesses, and enterprises build, market, automate, and scale. Rather than delivering isolated services, we operate as long-term growth partners embedded in our clients' success.
Founded in 2022 as a freelance operation and registered as a Private Limited company in May 2025, Brand Miz has grown into a 20+ member in-house team based in New Delhi, and now anchors the wider Miz Group ecosystem — spanning branding, technology, AI, education, and product trading.
Brand Story
Brand Miz began as a single freelancer solving real marketing problems for real businesses. As results compounded, so did trust — freelance work became a full brand, the brand became a company, and the company became the foundation of a growing group ecosystem. Every chapter of that story was built on the same principle: execution over promises.
To build one of India's most trusted business ecosystems by empowering businesses through Branding, Technology, AI, Education, and Product Trading.
Help businesses build, market, innovate, automate, and scale through practical, measurable, and technology-driven solutions.
Brand Promise
Core Values — OILTAITC
Ownership
Innovation
Learning
Transparency
Accountability
Integrity
Teamwork
Client Success
Brand Personality
Brand Miz reads as a founder-led operator, not a faceless agency: direct, resourceful, execution-first, and genuinely invested in client outcomes.
Target Audience
Founders needing a full-stack growth partner without an in-house marketing team.
Businesses scaling acquisition, performance, and brand systems together.
Established organisations modernising their digital presence.
Brand Identity
The philosophy, tone, and emotional register behind everything Brand Miz makes.
Brand Philosophy
We don't believe in hierarchy — we believe in responsibility. Everyone can contribute ideas, everyone can solve problems, and everyone is expected to grow. This internal philosophy is the same one clients experience externally: a team that owns outcomes rather than waiting for instructions.
Brand Meaning
The name pairs Brand (identity, trust, positioning) with Miz (a short, energetic, distinctive mark) — signalling a company built to shape how other businesses are perceived and remembered, while itself staying easy to say, spell, and recall.
Tone, Voice, Emotion & Perception
Confident, plain-spoken, and specific. We explain what we did and what it achieved — not what we hope will happen.
A founder speaking to another founder: direct, respectful of the reader's time, allergic to jargon and filler.
Momentum and reassurance — the feeling that growth is being actively engineered, not left to chance.
A capable, senior operator — polished enough for enterprise clients, practical enough for a first-time founder.
Work Philosophy
A repeatable cycle behind every project, every campaign, every deliverable:
Logo Guidelines
The Brand Miz mark: a four-colour sphere in motion with a bold coral wordmark.
Primary Logo
The Brand Miz logo pairs a four-colour sphere icon — representing the multiple businesses, disciplines, and perspectives we bring together — with a bold, coral-red "BRAND MIZ" wordmark and a golden ribbon flourish that signals momentum.
Logo Variants
Clear Space, Minimum Size & Placement
- Clear space — maintain space equal to the sphere-icon's height (X) on all sides; no text or imagery may intrude.
- Minimum size (digital) — 90px wide for the full lock-up; 24px for the icon mark alone.
- Minimum size (print) — 22mm wide for the full lock-up; 8mm for the icon mark alone.
- Placement — top-left for documents and websites; centred for cover pages and social posts.
Incorrect Usage
Background Usage
Distortion & Effects
Colour Palette
The full colour system — primary, secondary, accent, neutral, and functional colours.
Click any swatch to copy its hex code. This is the full Brand Miz colour system — primary, secondary, accent, neutral, and functional colours.
Primary Colours
Secondary Colours — Sphere Marks
Reserved for the logo icon and rare celebratory / ecosystem-diagram moments. Never used as a dominant UI or document colour.
Neutral & Functional Colours
Usage Ratio
To keep every touchpoint feeling unmistakably "Brand Miz" rather than generically red-and-black, apply colour in this approximate ratio:
| Colour | Share | Where It Appears |
|---|---|---|
| Neutrals (white / off-white / grey) | 60% | Backgrounds, whitespace, body text areas |
| Ink | 25% | Headlines, dark sandwich sections, primary text |
| Miz Red / Deep Red | 12% | CTAs, accents, rules, highlights |
| Sphere accents (gold / blue / green) | 3% | Icon, ecosystem diagrams, celebratory moments only |
Typography
Georgia/Cambria for presence, Arial for clarity — a disciplined two-typeface system.
Primary Typeface — Headings
Secondary Typeface — Body & UI
Font Roles at a Glance
| Role | Typeface | Notes |
|---|---|---|
| Primary / Display | Georgia / Cambria | H1–H2, cover titles, divider numerals |
| Secondary / Heading | Georgia / Cambria | H3–H5, card titles, table headers |
| Body | Arial | Paragraphs, lists, long-form content |
| Button | Arial, bold, uppercase | CTAs, badges, tags |
| Caption | Arial, regular, small | Image captions, footnotes, metadata |
| Code | Courier New / monospace | AI prompts, technical snippets |
Typography Hierarchy
Icon System
A consistent, modern icon language that pairs cleanly with our type system.
Preferred Icon Style
Brand Miz uses line icons with a rounded stroke terminal as the default across web, decks, and documents — light, modern, and technical, never cartoonish.
| Property | Standard |
|---|---|
| Stroke Width | 1.5–2px at 24px icon size |
| Corners | Rounded terminals, rounded joins |
| Fill vs Outline | Outline by default; solid fill only for small UI states |
| Grid | 24×24px keyline grid; 20px live area |
Recommended Libraries
Default choice — clean, consistent stroke weight, huge coverage.
Alternate source, use the "Regular" weight to match stroke width.
Acceptable for web/product UI, "Outline" set only.
Icon Sizing
| Context | Size |
|---|---|
| Inline with body text | 14–16px |
| Card / list icons | 20–24px |
| Feature / section icons | 32–40px, inside a badge |
| Hero / divider icons | 48–64px |
Grid & Layout System
The structural rules behind every page, slide, and screen.
Container & Margins
| Surface | Container Width | Outer Margin |
|---|---|---|
| Website (desktop) | Max 1200px | Min 64px side gutters |
| Website (mobile) | 100% fluid | 16–20px side gutters |
| A4 Documents | 170mm content width | 20mm sides, 15–20mm top/bottom |
| 16:9 Slide | 12.5in × 7.03in | 0.5–0.6in safe margin |
Spacing Scale
All spacing is drawn from a single 4px base scale to keep every layout visually related:
XS — icon gaps
S — inline spacing
M — component padding
L — card padding
XL — section gaps
2XL — major breaks
3XL — hero spacing
Scale multiplier
Responsive Grid
| Breakpoint | Columns | Gutter |
|---|---|---|
| Desktop (≥1024px) | 12 | 24px |
| Tablet (768–1023px) | 8 | 20px |
| Mobile (<768px) | 4 | 16px |
Left-align body content by default (never justify). Centre-align only for cover pages, dividers, and short standalone statements.
UI Components
How buttons, cards, forms, and data displays should look and behave.
Buttons
Solid red, white bold text
Ink outline, transparent fill
No border, red text, arrow suffix
Cards, Badges & Inputs
White or off-white fill, 1px light-grey border, 4–8px radius, 16–24px internal padding.
Pill-shaped, ink or red fill with white text, uppercase tracked type.
1px grey border, 6px radius, red border on focus, 16px internal padding.
Same as inputs; chevron in ink, hover state in paper background.
Tabs, Accordions, Alerts & Tables
- Tabs — underline-style; active tab in red with 2px underline
- Accordions — card style with chevron; expanded state gets a thin left red border
- Alerts — left-border colour-coded box on tinted background, matching the callout boxes on this page
- Tables — dark header row, alternating light-grey row striping, thin bottom rules
Cards & CTA Sections
Off-white card, red quotation mark, italic body copy for testimonials; ink header band with red top border on the recommended pricing tier; large numeral for stats.
Icon badge, bold title, 2–3 line description; full-width ink or paper CTA band, one button per section.
Image Guidelines
Photography and imagery that feels real, current, and client-credible.
Photography Style
Brand Miz favours natural light, candid moments, and genuine work-in-progress energy over posed corporate stock photography. Real photography (team, office, clients) is always prioritised over stock or AI-generated imagery.
Bright, natural light; real desks, real screens, real work — not staged handshake photos.
Consistent framing and lighting; candid over posed where possible; approachable.
Clean, evenly lit, neutral or brand-colour backgrounds; consistent angle across a set.
Used sparingly behind text; always paired with an overlay for legibility.
Illustrations, 3D & Mockups
| Type | Guidance |
|---|---|
| Illustrations | Simple, flat, geometric, brand palette; avoid generic startup clipart |
| 3D Graphics | Reserved for hero moments; soft shadows, brand-palette materials only |
| Device Mockups | Clean, current-generation devices; realistic screen content |
Image Overlay & Colour Treatment
Overlay
Graphic Elements
The supporting shapes, dividers, and decorative marks that tie every layout together.
Patterns, Shapes & Dividers
Circles and soft, organic blob shapes (echoing the logo's sphere) are the approved decorative motif — used as background accents at low opacity, never as the primary focal element.
Section rule — 2–3px solid red
Content divider — hairline grey
Sidebar accent — vertical red bar
Gradients, Highlights & Backgrounds
Gradients are used sparingly: an ink-to-transparent gradient for photo legibility, or a subtle red-to-deep-red gradient reserved for hero CTA buttons and premium badges. Never use rainbow or multi-hue gradients as a base treatment.
| Element | Usage |
|---|---|
| Dot Grid | Low-opacity texture behind hero sections; ink dots at 5–8% opacity |
| Diagonal Section Break | Between major sections; 3–6° angle only, never steeper |
| Sphere Motif Fragment | Cropped, oversized, low-opacity logo sphere as a corner accent |
Brand Communication
How Brand Miz sounds in writing — from a one-line CTA to a full client proposal.
Writing Style & Brand Voice
Write the way a founder briefs another founder: short sentences, concrete claims, zero filler. Every piece of Brand Miz writing should be easy to skim and impossible to misread.
Lead with the outcome or the number, not the process.
Verb-first, specific, low-friction ("Send Enquiry," "Book a Call").
Warm but efficient; one clear ask per email; full sign-off with contact details.
Confident and a little punchy; short lines, real numbers, minimal hashtags.
Consultative and client-specific; GST and ad spend always itemised separately.
Structured and confident; one idea per slide; numbers over adjectives.
Client Communication Principles
- Never present invented or assumed client information as fact — flag unverified details explicitly
- Keep language simple; avoid jargon-heavy or "AI filler" phrasing in anything client-facing
- Every client document closes with full contact details and, where applicable, the Brand Miz GSTIN
- Discounts in lead-nurturing sequences appear from touchpoint 7 onward — never on Day 1
Presentation Guidelines
The slide system behind every pitch deck and client report.
Slide Types
| Slide Type | Treatment |
|---|---|
| Cover Page | Dark ink sandwich, centred logo, title, subtitle, footer contact line |
| Agenda | Numbered list on paper background, red numerals, one line per item |
| Section Divider | Dark ink background, large red numeral, section title |
| Content Slides | White/paper background, red-underlined title, Arial body |
| Closing / Thank You | Dark ink sandwich mirroring the cover, contact details, logo |
Charts, Infographics & Standards
Charts use the functional colour set (ink, red, grey, success green) — never default PowerPoint colour themes. Infographics favour numbered icon-circles and horizontal flow arrows over dense paragraphs.
| Property | Standard |
|---|---|
| Headings | Cambria, Bold |
| Body | Arial, Regular |
| Safe Margin | 0.5–0.6in on all sides |
| Footnote Position | y = 6.78–6.82in (never 6.95in) |
| Final Step Highlight | Last stage in any flow/funnel diagram is filled red |
Document Design Guidelines
The system behind every proposal, report, and contract — used to build this very page.
Applies To
DOCX / Print Document System
| Element | Standard |
|---|---|
| Background | White |
| Accent Colour | Deep Red #C0392B (single accent only) |
| Headings | Georgia (or Cambria on platforms that support it) |
| Body | Arial |
| Bullets | Dash ( – ), not round bullets |
| H1 Headers | Single ruled bottom border, 8pt weight |
| Callout Boxes | Left border only, light red shading #FBE9E7 |
| Cover Page | Info table with client, project, date, prepared-by details |
| Closing Section | Next Steps + signature block on all client-facing proposals |
Headers, Footers & Page Numbers
Every page footer includes: document title · prepared-by line · contact details · "Page X of Y" — exactly as demonstrated on this page and in the PERTS progress-report template.
Website Guidelines
The Brand Miz web experience, across every property in the Miz Group.
Website Style & Structure
Clean, content-first layouts with generous white space, a dark ink header/footer sandwich, and red used only for CTAs, links, and key highlights — never as a full-section background wash.
| Element | Guidance |
|---|---|
| Header | White or ink bg, logo left, nav centre/right, single CTA button far right |
| Footer | Ink background, white text, sitemap columns, contact block, GSTIN |
| Cards | White fill, light border, 8px radius, subtle shadow on hover only |
| Forms | Single column, labelled fields, WhatsApp click-to-chat button always present |
| Sections | Alternate white / paper backgrounds to separate content blocks |
Animations, Responsive Behaviour & CTAs
Subtle fade-ins on scroll, gentle hover lifts on cards, and smooth 200–300ms transitions throughout. All layouts must degrade gracefully to a single-column mobile view with the WhatsApp CTA persistently accessible. Every page carries exactly one primary CTA above the fold, repeated once more before the footer — this page follows that same rule.
Motion Guidelines
Small, purposeful movement that reinforces polish without slowing anyone down.
| Interaction | Specification |
|---|---|
| Hover Effects | Subtle lift (2–4px) + shadow increase; colour shift toward red on links |
| Button Animation | 150–200ms ease; slight scale (0.98–1.02) on press |
| Cards | Shadow depth increases on hover; no rotation or skew |
| Scrolling | Native smooth scroll; scroll-triggered fade/slide-up for section reveals |
| Fade | Opacity 0→1 over 300–400ms for content entrances |
| Slide | 16–24px vertical offset paired with fade, never horizontal for entrances |
| Micro-interactions | Icon nudges, checkmark pops — only on genuine success states |
| Transition Duration | 150–300ms standard; never exceed 500ms |
Brand Applications
How the identity extends onto physical and applied touchpoints.
| Application | Treatment |
|---|---|
| Business Card | Ink background, white/red logo, QR code linking to brandmiz.com |
| Letterhead | Logo top-left, thin red rule, footer with company & GSTIN details |
| Envelope | Logo top-left corner, return address in small Arial text |
| ID Card | Portrait, ink background, photo, name, role, employee ID, logo footer |
| Laptop / Notebook | Icon mark only, debossed or vinyl, bottom-right or cover-centre |
| Presentation / Proposal | Per Sections 13 & 14 — full cover, divider, and content system |
| Email Signature | Bold name, role, small logo, phone/email/website on separate lines |
| Website & Social | Per Sections 12 & 15 |
| Office Branding | Ink-and-white signage, icon mark enlarged as a lobby feature wall |
| Merchandise | Icon mark or wordmark only, single colour on apparel |
| Certificates | Portrait, ink border frame, red seal/badge accent, signature line |
| Trade Miz Collateral | Inherits this system with Trade Miz's white logo lock-up |
Do's & Don'ts
The fastest way to check a design before it ships.
Logo Misuse
Colour
Typography
Spacing & Alignment
Imagery & Content
AI Prompt Guidelines
Reusable prompt scaffolding so any AI tool outputs on-brand work by default.
Universal Brand Prefix
Prepend this block to any AI generation prompt for Brand Miz work:
Task-Specific Prompt Snippets
| Use Case | Prompt Addition |
|---|---|
| Website / Landing Page | Ink header/footer sandwich, paper section backgrounds, one red primary CTA per section. |
| Social Media Post | 1:1 or 4:5, hook headline top third, logo watermark bottom-right, red for CTA only. |
| Presentation Slide | Dark ink sandwich for cover/divider/closing, white content slides with red-underlined titles. |
| Document / Proposal | White background, #C0392B accent, Georgia headings, Arial body, dash bullets, red callout box. |
| Poster / Brochure | Strong headline, single hero image, one CTA, logo with correct clear space. |
| Logo Placement | Top-left for documents/websites; centred for covers/social; maintain clear space. |
| Illustration | Flat, geometric, brand-palette only; no rainbow gradients. |
Design Checklist
The final pass before anything ships with the Brand Miz name on it.
Social Media Guidelines
Consistent, recognisable creative across every social platform.
Platform Standards
Creative Structures
Hook headline (top), supporting visual (middle), logo + CTA (bottom).
Consistent frame template; first slide hooks, last slide is the CTA.
Bold single headline, high-contrast background, face/product clearly visible.
Full-bleed 9:16, logo top-left, CTA sticker bottom third.
Dark ink background with logo and one-line positioning statement.
Icon mark only (no wordmark) for consistent small-scale legibility.