Brand Kit
Mandos
Version 1.02026Logo · Color · Type · Motion
02 · Wordmark

MANDOS

Set in After, a display face with heavy weight, wide proportions, monolinear strokes, softly rounded outer corners and a flat-topped A. Always use these outlines. Never reset it in another font.

Mandos wordmark - Full color
Full colorember on ink
Mandos wordmark - Mono black
Mono blackon light
Mandos wordmark - Reverse
Reversewhite on ink
03 · Lockups

Icon and wordmark together

Two lockups: horizontal for wide spaces, stacked for square or centered layouts. Keep the spacing and order fixed.

Horizontal · icon beside wordmark
Mandos horizontal lockup - Full color
Full colorember on ink
Mandos horizontal lockup - Mono black
Mono blackon light
Mandos horizontal lockup - Reverse
Reversewhite on ink
Stacked · icon above wordmark
Mandos stacked lockup - Full color
Full colorember on ink
Mandos stacked lockup - Mono black
Mono blackon light
Mandos stacked lockup - Reverse
Reversewhite on ink
With tagline · stacked · icon above wordmark and tagline
Mandos stacked lockup with tagline - Full color
Full colorember on ink
Mandos stacked lockup with tagline - Mono black
Mono blackon light
Mandos stacked lockup with tagline - Reverse
Reversewhite on ink
With tagline · horizontal · icon beside wordmark and tagline
Mandos horizontal lockup with tagline - Full color
Full colorember on ink
Mandos horizontal lockup with tagline - Mono black
Mono blackon light
Mandos horizontal lockup with tagline - Reverse
Reversewhite on ink
04 · App & store icons

Ember Deep tile

The icon on the ember gradient tile with a warm floor glow and an iOS squircle. Exported at every required size for the App Store and Play Store.

iOS · squircle, points
Mandos app icon 1024px
1024px
App Store
Mandos app icon 180px
180px
@3x
Mandos app icon 120px
120px
@2x
Mandos app icon 87px
87px
settings
Mandos app icon 60px
60px
spotlight
Mandos app icon 40px
40px
notification
Android · adaptive / legacy px
Mandos app icon 512px
512px
Play Store
Mandos app icon 192px
192px
xxxhdpi
Mandos app icon 144px
144px
xxhdpi
Mandos app icon 96px
96px
xhdpi
Mandos app icon 72px
72px
hdpi
Mandos app icon 48px
48px
mdpi
Favicon · px
Mandos app icon 48px
48px
.ico
Mandos app icon 32px
32px
browser
Mandos app icon 16px
16px
tab
Play feature graphic · 1024 × 500
Mandos feature graphic
Feature graphic1024 × 500 marketing banner
05 · Clear space

Give it room

Keep clear space around every asset. The base unit x is the pin cap height. Leave at least 0.5x on all sides, more when you can.

Mandos mark
½x
Around the icon · min ½x
Mandos wordmark
½x
Around the wordmark · min ½x
Mandos horizontal lockup
½x
Around the lockup · min ½x
06 · Minimum size

Smallest legible size

Shown at actual size. Below these, the facet detail and letters break up.

Mandos mark
24 px digital
6 mm print
Mandos mark
16 px favicon
print n/a
Mandos wordmark
88 px wide digital
20 mm print
Mandos horizontal lockup
140 px wide digital
32 mm print
07 · Do & don't

Keep the mark intact

The correct use is on the left. Everything after it breaks a rule.

Mandos horizontal lockup
Use the mark as supplied, on a dark clean field
Mandos horizontal lockup
Don't stretch or squash
Mandos horizontal lockup
Don't recolor outside the palette
Mandos horizontal lockup
Don't rotate or tilt
Mandos horizontal lockup
Don't add shadows or effects
Mandos horizontal lockup
Don't place on low-contrast or busy fields
Mandos horizontal lockup
Don't rearrange or resize the lockup parts
Mandos horizontal lockup
Don't use non-ember gradients
08 · Color

Ember and ink

Mando means orange. The whole brand is built from that one idea: a single ember gradient made of two shades, sitting on near-black ink. Stay monochrome and ember. No teal, grape, or iridescent accents.

The two brand shades
How the gradient is made
TypeLinear gradient
Angle150°
Stop 1#FF6A12 · 0% · 100%
Stop 2#C9330A · 100% · 100%
background: linear-gradient(150deg, #FF6A12 0%, #C9330A 100%);
Full palette
Primary
Warm glow / highlight
Deep ember shadow
Neutrals / canvas
Text

CMYK values are naive sRGB conversions, to be confirmed against the final print profile. For rich black in print, build #0B0B0D as a CMYK recipe rather than 100% K.

09 · Typography

Two typefaces

After is the wordmark only. Outfit is everything else: product UI, marketing, headlines, and body.

Wordmark face · After
MANDOS wordmark
Display only. Used for the MANDOS wordmark. Never for headlines or body.
Heavy weightWide / extendedMonolinear strokesRounded outer cornersSquared countersClosed aperturesFlat-topped A
Everything else · Outfit
Title · Outfit 600
Title Large22 / 32 · 600
Find where to party
Title Medium16 / 24 · 600
Find where to party
Title Small14 / 20 · 600
Find where to party
Body · Outfit 400
Body Large16 / 24 · 400
Book bars, clubs and events in one place.
Body Medium14 / 20 · 400
Book bars, clubs and events in one place.
Body Small12 / 16 · 400
Book bars, clubs and events in one place.
Label · Outfit 500
Label Large14 / 20 · 500
QR pass · 0123456789
Label Medium12 / 16 · 500
QR pass · 0123456789
Label Small9 / 16 · 500
QR pass · 0123456789
Fallback stack (app / web)
Outfit → system-ui → -apple-system → Segoe UI → Roboto → sans-serif
10 · Motion

Animated splash

The gradient disco-ball splash, built as a Lottie. Use it for the app launch and loading only. Everywhere else, use the static logo.

Mandos mark

Lottie · use for

App splash / launch screen, loading states, and short hero moments. Keep it on the dark ink field, centered, with room around it. Loop or play once, then rest on the static mark.

Static logo · use for

Everything that is not a launch or loading moment: headers, nav, app icon, marketing, print, favicons. Do not animate the logo inline in the UI.

⬇ mandos-splash-gradient.json1000 × 1000 · 55 fps · gradient
11 · Downloads

Export the package

Every asset above has PNG (1x / 2x / 3x, transparent) and SVG links. Or grab the whole package as one organised ZIP: logo, wordmark, lockups, app icons, feature graphic, and the Lottie splash, foldered by type.

The ZIP bundles logo, wordmark, lockups, app icons, feature graphic, and the Lottie splash as mandos-brand-kit.zip. Keep this page and the exported files together as the Mandos brand document.

Mandos Brand Kit · v1.0Self-contained. Ember only. No em dashes.