Version 1 · October 2026
Brand
The logo, the colors, the type and one opinionated rooster. Everything you need to show Blowhorn off without upsetting him.
ZIP, 5 MB. SVG and PNG, light and dark, colors and a PDF of this page.
Logo
The Crowhorn: a megaphone that is also a rooster. Use the horizontal lockup unless the space says otherwise, and pick the file drawn for the ground it sits on.
Icon
Wordmark and other lockups
App icon
-
App icon
-
App icon, dark
-
App icon, light
-
Favicons, drawn at 32 and 16
Clear space and minimum size
Give the logo room: half the icon's height on every side. Crowding it is how roosters start fights.
-
96 pxHorizontal lockup
-
64 pxStacked lockup
-
24 pxIcon. Smaller? Use the favicons
Color
Lead with teal and charcoal. Yellow is the accent, kept under a tenth of any layout. Coral belongs to the rooster, and he doesn't share.
Roughly how much of each, in a typical layout
Core
Accent
Illustration
For Major Blowhorn and the logo art only. Not for type or interface.
-
Teal Shade
#008F80 -
Mint
#A6EBDF -
Amber
#E39A30 -
Yellow Shade
#C99F00 -
Coral Shade
#C2412F -
Khaki
#C9995A -
Khaki Shade
#97683A -
Leather
#5B361F
The kit's colors/ folder has all of these as JSON, CSS and plain text, with the light and dark theme values.
Type
Three families, all free under the SIL Open Font License. The logo files don't need any of them: every letter is outlined.
-
Display
Bricolage Grotesque
One message out, many ears in
ExtraBold 800, Bold 700
-
Text and interface
Instrument Sans
Write it once. Blowhorn takes it from there.
Regular 400, Medium 500, SemiBold 600
-
Code and labels
JetBrains Mono
POSTED TO 12 PROFILES
Regular 400, Medium 500
Major Blowhorn
The mascot. Drill sergeant, rooster, part of the brand whether you asked or not.
Stretch my logo and we'll have words. Several.
Major Blowhorn
- Put him on white, light teal or cream. On bare teal he needs a cream or yellow disc behind him; on near black, his cream keyline.
- One appearance per page, one line, in a speech bubble.
- Keep him off security, billing and legal pages. He takes those personally.
Usage
The logo works hard. Let it work as drawn.
Do
-
Do: Full color on light grounds
-
Do: The on-dark file on dark grounds
-
Do: One color on teal and busy grounds
Don't
-
Don't: Recolor it
-
Don't: Stretch or squash it
-
Don't: Rotate it
-
Don't: Add shadows, glows or gradients
-
Don't: Set it on a busy ground
-
Don't: Put the full-color icon on teal
-
Don't: Retype the wordmark in a font
-
Don't: Rearrange the parts
And no retired marks or old names. If it isn't in the kit, it isn't the logo.
The name
Blowhorn. One word, capital B. In formal copy, Layer5 Blowhorn the first time, then Blowhorn. Never BlowHorn, never Blow Horn.
The tagline
One message out, many ears in. Set it in Bricolage Grotesque, sentence case, and let it stand on its own.
Take it with you
Every file on this page, in SVG and PNG, plus the colors and a PDF of these rules.
Blowhorn and the Blowhorn logos are marks of Layer5, Inc. Use them to refer to Blowhorn, not as part of your own product's name or logo.