TMC Group
Brand Guidelines
The definitive reference for all TMC brand applications — ensuring consistent, professional representation across every touchpoint.
Brand Overview
TMC Group is a technology management consulting firm with 20 years of experience helping organisations unlock business value through strategic use of technology.
Mission & Positioning
Our brand reflects who we are: a trusted technology partner that bridges the gap between business strategy and technology execution.
"Technology is not just a tool — it's a strategic asset."
TMC Group Brand Manifesto
We unlock business value through the effective use and management of technology.
To be Australia's most trusted technology management partner across all industries.
Technology partners you can trust — delivering measurable outcomes, every time.
Brand Values
Five core values define how TMC Group operates and presents itself to the world.
Brand Credentials
Statistics that reinforce brand authority and may be used in approved communications.
Logo & Identity
The TMC logo is the cornerstone of our visual identity. Consistent, correct usage across all contexts is essential to maintaining brand recognition and integrity.
Primary Logo
The primary logo combines the TMC pyramid mark with the full company name. Always use the approved master artwork files — never recreate it.
Logo Mark (Icon Only)
The pyramid mark may be used independently in contexts where the TMC brand is already well established — such as favicons, app icons, and social media avatars.
Clear Space
Always maintain a minimum clear space equal to the height of the pyramid mark on all sides. This exclusion zone must never be violated by text, graphics, or other logos.
Minimum Size
To preserve legibility and visual integrity, never reproduce the logo smaller than the minimum sizes below.
Color Palette
Our color system is built on a core palette of two primary anchors — TMC Blue and Charcoal — enriched by a vibrant gradient and a functional neutral scale.
Primary Colors
The primary palette is the dominant expression of the TMC brand. TMC Blue leads all digital and print applications.
Secondary Colors
Drawn from the gradient, these provide accent flexibility for digital interfaces and presentations.
Neutral Scale
A full neutral scale derived from TMC Charcoal for text, borders, backgrounds, and UI elements.
Color Usage Proportions
Follow the 60-30-10 rule: dominant neutral, secondary brand color, accent gradient.
Accessibility & Contrast
All color combinations must meet WCAG 2.1 AA minimum contrast ratios. Minimum 4.5:1 for body text, 3:1 for large text and UI components.
Typography
Inter is TMC Group's primary typeface — a highly legible, professional grotesque designed for modern screens and print.
Primary Typeface: Inter
Inter is used for all corporate communications, digital products, and marketing materials. It offers exceptional legibility at all sizes and weights.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 & @ # $ % ! ? . , ; :
Type Hierarchy
A consistent hierarchy creates visual clarity. Apply roles precisely — never substitute one level for another for decorative effect.
Fallback & System Fonts
When Inter is unavailable (e.g., printed documents without embed), use the system font stack.
'Segoe UI', Helvetica, Arial, sans-serif;
Iconography
Icons reinforce communication and aid navigation. TMC uses a consistent line-style icon system with defined weight and sizing.
Icon Style
All icons use a 1.5px stroke weight on a 24×24px grid. Prefer the Lucide or Heroicons (Outline) library as the approved icon set.
Icon Sizing
Icons must always be rendered at even-number pixel dimensions within the defined size scale.
Photography & Imagery
TMC imagery communicates competence, collaboration, and real-world impact. Every image should feel purposeful, authentic, and professionally considered.
Photography Style
Choose images that feel genuine and aspirational — not stock clichés. Prefer realistic environments over staged setups.
Environments
Modern, light-filled offices. Collaborative settings showing real work in progress.
& Data
Abstract tech, server rooms, data visualisations. Avoid generic circuit board clichés.
Collaboration
Diverse, professional individuals working together. Natural expressions, not forced poses.
Image Guidelines
- Use high-resolution, sharp images (min. 2× for digital)
- Represent diverse industries: healthcare, finance, manufacturing, logistics
- Feature real people in authentic, relatable scenarios
- Apply a subtle cool color treatment that aligns with TMC Blue
- Ensure main subjects are clearly lit and in focus
- Use heavily filtered, oversaturated, or warm-toned images
- Use obviously staged or cheesy stock photography
- Crop or distort images in ways that lose clarity or context
- Use low-resolution images that appear blurry at screen size
- Use clip-art, illustrations, or cartoon-style graphics
Industry Sectors
TMC imagery should represent the full breadth of industries we serve.
Voice & Tone
The TMC voice is consistent across all channels. Our tone adapts contextually — always professional, occasionally warm, never jargon-heavy.
Voice Pillars
Writing Examples
Channel-Specific Tone
UI Components
A consistent component library ensures all TMC digital experiences feel coherent, accessible, and aligned with the brand.
Buttons
Buttons drive action. Use the hierarchy strictly — one Primary CTA per view, Secondary for supporting actions, Ghost for low-emphasis contexts.
On Dark
Badges & Tags
Use badges to label status, categories, and taxonomies. Select the color variant that matches the semantic meaning — not purely aesthetic preference.
Cards
Cards group related content into a contained, scannable unit. Keep padding consistent and limit card content to a single concept or task.
Form Elements
Form fields are styled for clarity and accessibility. Labels are always visible above the input — never inside as the sole placeholder.
UI Patterns
Complete assembled patterns — hero sections, navigation bars, hamburger menus, feature sections, and footers. Use these as starting points for any TMC digital product.
Hero — Dark (Primary)
The primary TMC hero treatment. Charcoal background with gradient accent. Use for main landing pages and campaign headers.
Hero — Light
Light hero for secondary pages, service landing pages, and internal documents.
Navigation Bar
Dark navigation is the primary TMC nav treatment. Use the light variant for interior pages with light heroes.
Hamburger Menu
Mobile navigation states. The hamburger icon animates to a close (×) on open. The menu slides in from the left on a dark overlay.
Feature Section
Three-column feature grid with icon, heading, and body text. Use for services overviews and capability listings.
CTA Banner
Full-width call-to-action banners. Use the gradient variant for maximum impact at section breaks.
Page Footer
Standard TMC page footer. Always charcoal background. Logo and navigation links on top, legal line below.
Digital Guidelines
Consistent spacing, layout, and responsive behaviour ensures TMC digital products feel polished across all devices and screen sizes.
Spacing System
All spacing uses a 4px base unit. Use only values from this scale — do not use arbitrary pixel values.
Grid System
A 12-column grid at a maximum content width of 1280px. Column gutter is 24px. Always maintain 32–64px horizontal page margin.
12 Columns — 24px gutter — 1280px max width
Responsive Breakpoints
Design mobile-first. Each breakpoint unlocks additional layout complexity.
Border Radius
TMC uses a moderately rounded corner language — modern but not childlike. Never use sharp 0px corners on interactive elements.
SM
MD
LG
XL
2XL
Full
Brand Applications
Approved templates and specifications for common brand touchpoints. Always use supplied master files — do not deviate from approved layouts.
Business Card
Standard dimensions: 90 × 55mm (landscape). 3mm bleed on all sides. Minimum 300 DPI for print production.
Email Signature
A standardised HTML email signature must be used by all staff. Font: Arial (system) for email client compatibility. Logo links to tmcgroup.com.au.
This email and any attachments may be confidential and subject to legal privilege.
Presentation Templates
All client presentations use the approved PowerPoint/Keynote templates. Key specifications below.
Social Media
Approved dimensions and specifications for primary social channels.
Do's & Don'ts
These rules protect brand integrity. Any deviation from the approved brand usage requires sign-off from the Marketing & Communications team.
Logo Usage
- Use only approved master artwork files
- Maintain full clear space on all sides
- Use on approved background colors only
- Maintain correct aspect ratio at all times
- Use white version on dark and colored backgrounds
- Use gradient version on white and light backgrounds
- Stretch, skew, or distort the logo in any dimension
- Rotate the logo mark from its upright orientation
- Apply drop shadows, glows, or bevel effects
- Place the logo on busy, clashing, or low-contrast backgrounds
- Recreate the logo in any typeface or drawing tool
- Change any colors from the approved palette
Color Usage
- Use only colors from the approved brand palette
- Maintain WCAG AA contrast ratios in all digital designs
- Use the gradient sparingly as a highlight element
- Use white space liberally to let the color breathe
- Introduce unapproved colors without design team sign-off
- Use the gradient as a background fill for large areas
- Pair TMC Blue text on the gradient — insufficient contrast
- Use red, orange, or bright green as brand accents
Typography
- Use Inter across all digital and print communications
- Follow the approved type hierarchy strictly
- Use negative letter-spacing on large headings (−0.02–−0.04em)
- Maintain minimum 1.5× line height for body text
- Use unauthorised typefaces without approval
- Set body text in ALL CAPS for readability reasons
- Use more than two font weights in a single design zone
- Set text below 12px in any digital interface
Approval & Governance
Brand consistency is a shared responsibility. All externally published materials must pass through the following review gate before publication.