Auto Warz — Logo & Brand Asset Specification¶
Document Type: Art Reference Version: 0.1 Status: Awaiting final logo creation — use this doc to brief AI tools or a designer Last Updated: 2026-03-27 Vault destination:
03_Art & AudioFolder:03_Art & Audio
Overview¶
This document defines every logo and brand asset required for Auto Warz across all surfaces — game, Steam, social media, mobile, and marketing. Use it as a briefing document when generating assets in Midjourney, Recraft, or with a designer.
The Concept Direction¶
Core Idea¶
The letters AW form a fighter jet silhouette when read as a whole shape. The two readings exist simultaneously — you see the lettermark AND the aircraft.
How the Shape Works¶
A peak
/ \ ← cockpit / nose cone
/ \
WING / \ WING ← letter peaks = wing tips
TIP / BODY \ TIP
/ LINE \
/____________\
ENGINE ENGINE ← letter bases = engine exhausts
- Centre valley (where A and W meet) = cockpit / nose cone
- Two outer peaks (tops of A and W) = wing tips
- Horizontal crossbar through letters = fuselage / visor bar
- Two base points = engine exhausts with orange afterburner glow
- The crossbar doubles as the Genesis visor — the glowing HUD bar that Genesis uses to see
Key Visual Elements¶
- Visor/crossbar — glowing horizontal bar across the fuselage. Contains subtle HUD tick marks and a targeting diamond at centre.
- Cockpit glass — small teardrop highlight at the nose cone peak
- Wing tip lights — small white dots at each wing tip (aviation nav lights)
- Engine afterburners — orange/warm glow at each base point. The orange is the only warm colour in an otherwise cool blue palette.
Palette¶
| Role | Hex | Usage |
|---|---|---|
| Primary blue | #4A9EFF |
Main mark colour — strokes, fills |
| Deep space bg | #060810 |
Icon background |
| Afterburner orange | #E87A20 |
Engine exhausts only — accent |
| Cockpit highlight | #88DDFF |
Cockpit glass reflection |
| Visor scan line | #FFFFFF at 20% opacity |
Horizontal highlight inside visor bar |
| Wing tip light | #FFFFFF at 50% opacity |
Nav light dots |
Rule: Orange appears ONLY on engine exhausts/afterburners. Everything else is blue or white. This makes the orange pop immediately and signals energy/propulsion.
Style¶
| Property | Value |
|---|---|
| Line style | Clean vector strokes — no pixel art, no texture |
| Stroke caps | Round |
| Stroke joins | Round |
| Corner radius on tiles | 24–28px on 512px canvas (~5%) |
| Glow | Subtle outer glow on the primary mark — #4A9EFF at 30% opacity, 12px blur |
| Background texture | Optional very subtle dark grid or radial gradient — never busy |
| Feel | Sci-fi industrial — clean, precise, slightly military |
Asset Checklist¶
Every item below needs to be created. Check off as completed.
1. Master Logo Mark¶
The source of truth. All other assets derive from this.
| Asset | Canvas | Format | Status |
|---|---|---|---|
| Master mark | 1024 × 1024 | SVG + PNG | ☐ |
| Master mark (transparent bg) | 1024 × 1024 | SVG + PNG | ☐ |
Requirements:
- Safe zone: mark lives within 820 × 820 centre of 1024 × 1024 canvas
- Nothing important outside the safe zone (gets cropped by circle/squircle)
- Background: #060810 for the bg version, transparent for the no-bg version
- Export at 1024 × 1024 minimum — this is the source for all derivatives
2. App Icons (Square / Squircle)¶
Used by Steam, iOS App Store, Google Play, Windows taskbar.
| Asset | Size | Radius | Format | Status |
|---|---|---|---|---|
| App icon 1024 | 1024 × 1024 | ~180px | PNG | ☐ |
| App icon 512 | 512 × 512 | ~90px | PNG | ☐ |
| App icon 256 | 256 × 256 | ~45px | PNG | ☐ |
| App icon 128 | 128 × 128 | ~22px | PNG | ☐ |
| App icon 64 | 64 × 64 | ~11px | PNG | ☐ |
| App icon 32 | 32 × 32 | ~6px | PNG | ☐ |
Notes: - All derived from the master mark — same composition, just resized - Increase stroke weight slightly at smaller sizes so lines stay visible - At 32px and below: visor bar must still read as a clear horizontal band - At 16px: only three elements need to survive — V shape, blue bar, two orange dots
3. Favicon¶
Used in browser tabs, browser bookmarks.
| Asset | Size | Format | Status |
|---|---|---|---|
| Favicon | 16 × 16 | ICO + PNG | ☐ |
| Favicon | 32 × 32 | ICO + PNG | ☐ |
| Favicon | 48 × 48 | ICO + PNG | ☐ |
Notes:
- A standard .ico file bundles all three sizes — most browsers handle this automatically
- At 16 × 16 the mark is just three elements: blue V, blue bar, two orange dots. That's all that fits.
- Simplify aggressively for favicon — remove cockpit, wing lights, grid texture
4. Circle Crop Versions¶
Used by Discord server icon, social media profiles, community hubs.
| Asset | Size | Shape | Format | Status |
|---|---|---|---|---|
| Circle icon 512 | 512 × 512 | Circle | PNG | ☐ |
| Circle icon 256 | 256 × 256 | Circle | PNG | ☐ |
| Circle icon 128 | 128 × 128 | Circle | PNG | ☐ |
Notes: - The mark is designed to survive circular crop — wing tip peaks reach into the upper corners so cropping doesn't cut important elements - The visor bar sits in the vertical centre so it's never clipped - Engine exhausts sit at the bottom — may be slightly clipped by circle but orange glow reads regardless
5. Wordmark (Logo + Text)¶
The mark alongside the game name. Used in press kits, store headers, key art.
| Asset | Size | Format | Status |
|---|---|---|---|
| Horizontal wordmark | 2048 × 512 | SVG + PNG | ☐ |
| Horizontal wordmark (white) | 2048 × 512 | SVG + PNG | ☐ |
| Horizontal wordmark (dark) | 2048 × 512 | SVG + PNG | ☐ |
| Stacked wordmark | 1024 × 768 | SVG + PNG | ☐ |
Composition:
- Mark on left, "AUTO WARZ" text on right
- Font: Orbitron Bold or similar geometric sci-fi font (confirm final font choice)
- Text colour: #C8D4F0 (light blue-white) on dark bg, #060810 on light bg
- Mark height = cap height of the text × 1.5
- Spacing between mark and text = 1 × mark width
6. Steam Specific¶
| Asset | Size | Notes | Status |
|---|---|---|---|
| Capsule image (main) | 460 × 215 | Key art + logo — shown in store search | ☐ |
| Capsule image (small) | 231 × 87 | Shown in "More like this" row | ☐ |
| Capsule image (large) | 616 × 353 | Featured/recommended slot | ☐ |
| Header capsule | 460 × 215 | Library header | ☐ |
| Hero capsule | 1920 × 620 | Top of store page | ☐ |
| Icon (library) | 32 × 32 | Shown next to game name in library list | ☐ |
| Logo for store page | 640 × 360 (transparent) | Overlaid on hero capsule | ☐ |
Notes: - Capsule images are NOT just the logo — they need key art (game scene or character) with the logo positioned over it - The transparent logo (640 × 360 PNG with alpha) is placed by Steam over the hero capsule automatically - All Steam assets must be submitted as PNG
7. Social Media¶
| Platform | Asset | Size | Notes | Status |
|---|---|---|---|---|
| Twitter/X | Profile picture | 400 × 400 | Circle crop applied by platform | ☐ |
| Twitter/X | Banner | 1500 × 500 | Key art — logo in corner | ☐ |
| Discord | Server icon | 512 × 512 | Circle crop applied | ☐ |
| Discord | Server banner | 960 × 540 | Optional — shown on server page | ☐ |
| YouTube | Channel icon | 800 × 800 | Circle crop | ☐ |
| YouTube | Channel art | 2560 × 1440 | Safe zone 1546 × 423 centre | ☐ |
| Community icon | 256 × 256 | Circle crop | ☐ | |
| Banner | 1920 × 384 | ☐ | ||
| TikTok | Profile picture | 200 × 200 | Circle crop | ☐ |
8. In-Game Usage¶
| Asset | Size | Usage | Status |
|---|---|---|---|
| Loading screen watermark | 256 × 256 transparent | Bottom corner of loading screens | ☐ |
| Splash screen logo | 1920 × 1080 | Full screen on game launch (2–3 sec) | ☐ |
| Main menu logo | 512 × 256 transparent | Top of main menu UI | ☐ |
| Pause menu logo | 256 × 128 transparent | Small in ESC menu header | ☐ |
9. Outpost Mode (Mobile)¶
| Asset | Size | Notes | Status |
|---|---|---|---|
| iOS app icon | 1024 × 1024 | Apple requires no rounded corners — they apply them | ☐ |
| Android icon (foreground) | 108 × 108dp | Adaptive icon foreground layer | ☐ |
| Android icon (background) | 108 × 108dp | Solid #060810 background layer |
☐ |
| Google Play feature graphic | 1024 × 500 | Banner shown in store | ☐ |
| iOS App Store screenshot frame logo | 200 × 200 | Used in screenshot overlays | ☐ |
Notes: - iOS adaptive icon: submit at 1024 × 1024 with NO pre-applied rounding — Apple applies squircle mask automatically - Android adaptive icon: submit foreground and background as separate layers — allows the OS to apply dynamic masking and parallax effects
10. Variant Versions¶
| Asset | Usage | Status |
|---|---|---|
| Mono white (full white mark) | On coloured or photo backgrounds | ☐ |
| Mono dark (full dark mark) | On light backgrounds — merch, documents | ☐ |
| Mark only — no text | Favicon, small icons, embossed | ☐ |
11. Holiday / Seasonal Variants¶
These are created from the base mark by adding a seasonal layer. The base mark is NEVER modified — only overlays added.
| Variant | What changes | Status |
|---|---|---|
| Early Access launch | "EARLY ACCESS" badge ribbon across bottom corner | ☐ |
| Halloween | Small jack-o-lantern or cobweb in corner | ☐ |
| Christmas | Santa hat perched on the nose cone peak | ☐ |
| New Year | Gold/confetti treatment | ☐ |
| Game anniversary | Badge overlay with year number | ☐ |
Rule: Seasonal elements never cover the visor bar or the letter peaks. They sit around the mark, not over it.
AI Generation Prompt¶
Use this when generating in Midjourney, Recraft, or similar:
"Logo design for a sci-fi factory automation game called Auto Warz. The letters AW form a fighter jet silhouette — the centre valley between A and W is the cockpit nose cone, the two letter peaks are wing tips, a glowing horizontal bar across the middle is the fuselage and visor HUD, and the two base points are engine exhausts with orange afterburner glow. Clean minimal vector line art style. Electric blue (#4A9EFF) strokes on deep space dark background (#060810). Orange accent (#E87A20) on engine exhausts only. Slightly rounded stroke caps. Subtle outer glow on the mark. Sci-fi industrial feel — clean, precise, slightly military. No pixel art, no gradients on the mark itself."
Modifier prompts to try in addition:¶
"top-down plan view, blueprint aesthetic""twin tail fins at the engine bases""cranked leading edge, Eurofighter silhouette""cockpit canopy glass highlight at peak""afterburner flame trails below engines""HUD targeting diamond reticle on visor bar"
File Naming Convention¶
autowarz_logo_[variant]_[size].[ext]
Examples:
autowarz_logo_mark_1024.png
autowarz_logo_mark_transparent_1024.png
autowarz_logo_wordmark_horizontal_2048x512.png
autowarz_logo_wordmark_white_2048x512.png
autowarz_logo_circle_512.png
autowarz_logo_steam_capsule_460x215.png
autowarz_logo_mono_white_512.png
autowarz_logo_holiday_christmas_1024.png
autowarz_logo_outpost_ios_1024.png
Storage Location¶
All final logo assets live in:
auto-warz/assets/ui/logo/
├── master/ ← SVG source files
├── icons/ ← App icons all sizes
├── circle/ ← Circle crop variants
├── wordmark/ ← Wordmark with text
├── steam/ ← Steam-specific assets
├── social/ ← Social media assets
├── ingame/ ← In-game transparent versions
├── mobile/ ← Outpost Mode / mobile
├── mono/ ← Mono white + dark versions
└── holiday/ ← Seasonal variants
Priority Order¶
Do these first — everything else derives from them:
- Master mark (1024 × 1024, bg + transparent) — the source of all derivatives
- App icon set (1024 down to 16) — needed for any build
- Circle 512 — Discord, social profiles
- Favicon — website, itch.io
- Steam transparent logo (640 × 360) — needed for store page
- Wordmark horizontal — press kit, store header
- Everything else in the checklist above
When the final logo is created, save the source SVG or AI/Figma file in assets/ui/logo/master/ and update this doc with the confirmed font name and any palette adjustments.