Work / Brand Identity / Mecho Exit

Brand Identity · Guidelines · 2026

Mecho Exit.

Urban, modern, movement-forward — built for real-world delivery.

Mecho Exit is a brand identity concept for a delivery-forward lifestyle: bold logotype, a geometric M mark with upward energy, and a five-colour system that balances deep navy with olive and lavender for digital and print. The full system was structured in Figma for consistency across social, packaging, and merchandise.

View the guidelines ↓ Applications
Mecho Exit primary logo mark Logo grid
Mecho Exit website mockup Hero
Mecho Exit mobile app icon Social
Project
Visual Identity
Colours
5 core
Tool
Figma
Year
2026
Logo lockup
Colour system
Social presence
Merch mockups
Night photography
Brand guidelines
Logo lockup
Colour system
Social presence
Merch mockups
Night photography
Brand guidelines

The Brief

A system,
not a logo.

Mecho Exit asked for a brand that could scale — from a product icon tucked into a crowded home screen to a full-bleed web hero — without ever losing its signature.

The guidelines document codifies every decision that makes Mecho Exit recognisable: the construction of the mark, the way it breathes in layouts, the palette's hierarchy, and the typographic rhythm. It's a working reference — a source of truth — not a static showcase.

Built end-to-end in Figma — components, grids, and artboards that translate the mark into layouts, social templates, and merchandise. The deliverable is a system you can hand to any designer or vendor and expect the same Mecho Exit look on every surface.

5
core brand colours in the system
4
core pillars — mark, palette, type, voice
2
platforms covered — web & native mobile
1
unmistakable visual identity system

Inside the System

Four disciplines.
One identity.

The guidelines are organised around four pillars — each with clear rules, usage examples, and application notes.

01 / Foundations

Brand Story
& Positioning

Purpose, personality, and tone. Defines what Mecho Exit stands for and the voice it speaks with — so messaging stays cohesive across every channel.

Purpose Voice Values
02 / Mark

Logo
Construction

Primary and secondary marks, clearspace, minimum sizes, and explicit do/don't examples. Built to stay legible from favicon to billboard.

Primary App Icon Clearspace
03 / Palette & Type

Color
& Typography

A disciplined palette led by navy and olive, lifted with periwinkle and ice — plus charcoal for type. Pairings stay legible on night photography and on pale mint UI shells.

Hex / RGB Hierarchy Pairing
04 / Applications

Web,
App & Print

Applied examples across the web experience, the mobile app icon and UI, and social/print collateral — showing the system in the wild.

Web iOS / Android Social

The Visual Language

Mark. Palette.
Typography.

01 — The Mark

An M mark with
upward exit energy.

The mark is a bold geometric “M” with strokes that lift toward an exit — upward energy without clutter. Paired with a tight wordmark when context allows; reduced to the glyph for favicons, profile icons, and stitched merchandise. Works at favicon scale and full-bleed hero.

Mecho Exit logo mark
02 — The Palette

Navy-led,
olive & ice balance.

The palette pairs deep navy with olive green, periwinkle lavender, ice highlights, and charcoal for typography — built for night scenes and light UI shells alike.

#204159
#748D19
#8F93FF
#EDFFFF
#161C20
03 — Typography

Editorial &
functional.

A display serif carries the emotional weight; a clean geometric sans does the work; a mono voice speaks in data and detail.

Mecho Exit.
Display · Serif
Section heading in UI
Interface · Sans
01 — PRIMARY MARK / CLEARSPACE
Labels · Mono

Applied

In the
wild.

Mockups from the guidelines — hero photography, social presence, and a physical tote that proves the lockup in the real world.

Mecho Exit hero with logo on delivery scene
Hero Night urban story
Mecho Exit social profile mockup
Social Profile & reach
Mecho Exit logo on tote bag merchandise
Merch Tote application

Deliverable

Colour &
logo grid.

Figma-ready artwork showing logo usage on the full Mecho Exit palette — for handoff to print and web.

Mecho Exit Style guide PNG
Mecho Exit brand colour and logo style guide

Have a brand that needs
real guidelines?

If you're building a product, service, or studio — let's design an identity system that's beautiful, opinionated, and actually usable by the people around you.

Start a project → See more work