Bay 13 The brand cupboard
Everything you need to put us on a poster, or at the start of a game.
Logos, colors, type, and a six second game ident with sound. Grab what you need, or take the whole cupboard.
Download the whole kit ZIP, 21 MB
The logo
A hangar door that never quite closed, and something peeking out from under it. The wordmark's O is an eye too. Use the horizontal version first; use the badge where space is square.
Paint shop
Flat colors, no gradients. Tap a chip to copy its hex code.
For code: palette.css and palette.json.
Type
Three free Google Fonts. The wordmark itself is custom drawn, so don't try to set it in a font.
-
Big Shoulders
Headlines, signs, buttons. Weights 700 to 900.
-
Bay 1 3 5 7 9
Big Shoulders Stencil. Bay numbers and anything painted on a wall.
-
Atkinson Hyperlegible Next, for reading.
Body text. Designed by the Braille Institute so every letter is hard to mistake.
The game ident
Six seconds for the start of our games. A spark, a swarm, a door that rolls up, a name that stamps in, and a chord. Every square is WebGL and every sound is synthesised live.
Pre-rendered, 1920 × 1080, 60 fps
- MP4 H.264 + AACUnity, Unreal, video editors
- WebM VP9 + OpusWeb, Electron
- OGV Theora + VorbisGodot's VideoStreamPlayer
- WAV audio only48 kHz stereo
- PNG final frameLoading screens, thumbnails
Live, for web games
- JS oddhangar-ident.js28 KB, no dependencies
- HTML working exampleDrop next to the JS file
<script src="oddhangar-ident.js"></script>
<script>
startButton.onclick = () =>
OddHangarIdent.play({ onDone: startGame });
</script>Browsers only allow sound after a click or key press, so play it from your Start button. Click, tap or any key skips it.
Ground rules
- Do leave clear space around the logo. One big eye's width, at least.
- Do pick any of the six door colors.
- Do keep the mark at 24 pixels or bigger. Below that, use the favicon version.
- Don't straighten the door. It hangs crooked on purpose.
- Don't recolor the eyes, or give the creature a mouth.
- Don't stretch, skew, outline or add drop shadows.
Questions about using the brand? Knock at hello@oddhangar.com.