Brand & Style Guide
Global Identity & Standards · Last updated: July 2026
01 Brand Identity
Brand Name
Always written as one word, with capital letters exactly as shown.
- TheScanBadge
- TheScanBadge.com
- The Scan Badge
- thescanbadge
- ScanBadge
Brand Promise
Fast, smart, and frictionless digital interaction.
TheScanBadge stands for:
Tone of Voice
Clear. Direct. Action-oriented.
Use:
- Short instructions
- Active language
- Minimal marketing jargon
- Practical, not pushy
Examples
“Scan to view the menu”
“Tap. Scan. Connect.”
“No app needed”
02 Logo Usage
Primary Logo
TheScanBadge.com (wordmark).
- Preferred usage: On a white background
- Full logo including “.com”
Backgrounds
- White: full color logo
- Light grey: full color or black logo
- Soft blue gradients: full color or white logo
- Dark / black: white logo only
- Busy photography
- Low-contrast backgrounds
- Full color logo on a dark/black background
- Shadows, glows, outlines, distortions
Clear Space
Always keep clear space around the logo equal to the height of the “B” in Badge.
Logo Color Variants
Use the full color logo by default. Use the black or grey variant for single-color / print applications, and the white variant exclusively on dark or black backgrounds.
Square Badge (Social Avatar)
For placements where the full-width wordmark doesn’t fit (social media profile photos, app icons, favicons), use the square badge lockup instead: the same wordmark, stacked on two lines inside a rounded square. White is the default; black and grey are alternates for dark or muted contexts.
Keep the badge un-cropped and don’t overlay text or other logos on top of it. 512×512px PNG, rounded-square corners.
03 Color Palette
Primary Colors
Used for headlines, primary text, icons, CTAs
Used for accents, highlights, bullets, emphasis
Secondary Colors
Color Rules
- Use no more than two main colors per design
- Orange should never be used for long text blocks
- Blue is dominant; orange is supportive
04 Typography
Primary Typeface
Inter
(Alternatives: SF Pro, Helvetica Neue)
Usage
Aa Bb Cc
The quick brown fox jumps over the lazy dog.
Bold (700)
SemiBold (600)
Medium (500)
Regular (400)
Typography Rules
- No script or decorative fonts
- No text shadows or outlines
- Generous whitespace
05 Visual Style & Design Language
Overall Style
Visual Elements
- Soft wave shapes
- Subtle digital lines
- Minimal abstract patterns
- Simple NFC / QR iconography
- Over-futuristic visuals
- Neon or cyberpunk styles
- Stock photos with “fake IT people”
06 QR & NFC Usage
QR Codes
- Always black on white or high-contrast
- Minimum size: 2 × 2 cm (print)
- Quiet background
- Never stretched or distorted
QR Call-to-Action Text
Examples
“Scan the QR code to view our menu”
“Scan to connect”
“Tap or scan”
07 Applications
Hospitality
- Table QR cards
- Digital menus
- Scan & Order flows
- White-label solutions
Events
- Pull-up banners
- NFC badges
- Stickers
- Business cards / NFC cards
Digital
- Website
- Admin dashboards
- SaaS platforms
- Partner portals
08 White-Label Guidelines
For white-label usage:
- Client or restaurant logo is primary
- TheScanBadge branding remains subtle
Footer text examples:
- “Powered by TheScanBadge”
- “Technology by TheScanBadge”
09 What TheScanBadge Is Not
10 Quick Reference
Everything above, distilled to one screen, plus the full kit to take with you.
Logo
Color
Type & Tone
Inter
Clear. Direct. Action-oriented.
“TheScanBadge is the clean European standard for digital interaction: one tap, one scan, zero friction.”
Wordmark (4 colorways) + square badge (3 colorways) + a quick-reference sheet.