Full colorLight backgroundsSVG ↓
Use first
Primary logo
This is the main Birdcode logo. Start here unless the available space calls for the wordmark or icon.
Download all primary colors ↓Logo library
Logo files.
Choose the mark that fits your space, pick a color for the background, and download the format you need.
Download the complete librarySVG, PNG & EPS · ZIP↓Primary logo / full colorStart here
Which logo should I use?
Most uses
Primary logo
Use this whenever the icon and name fit comfortably.
Browse colors → Shallow spacesWordmark
Use when the chicken icon already appears nearby.
Browse colors → Small spacesIcon
For social profiles, favicons, stickers and compact placements.
Browse colors → After the logoSupporting marks
For packaging, merchandise and environmental details.
View marks →
When space is tight
Wordmark
Use the wordmark when the icon already appears nearby or when the layout is too shallow for the full lockup.
Download all wordmark colors ↓
Compact use
Chicken icon
Use the icon where the Birdcode name is already clear: profile images, favicons, stickers and small branded details.
Download all icon colors ↓
Supporting use
Additional marks
These marks work on merchandise, packaging, murals and environmental details. They do not replace the primary logo.
Stacked markFor taller layouts and secondary applicationsView colors+
Circle iconFor badges, stickers and small graphic momentsView colors+
Code markFor merchandise, packaging and environmental graphicsView colors+
Code BreakerCharacter artwork for approved supporting useView file+
Practical guidance
Logo usage basics
Use the supplied artwork, leave it room, and choose a version with clear contrast against its background.
Clear space
XXXX
Keep a minimum of one X between the logo and nearby type, imagery, or trim edges. The X is set in Cheddar Gothic and measured from the tight logo boundary shown here.
Minimum size
Digital120 px wide
120 px widePrint1.5 in wide
1.5 in wideIf the full logo loses clarity, move to the approved icon rather than forcing the lockup smaller.
Do
- Use the supplied SVG, PNG or EPS artwork.
- Scale the logo proportionally from a corner.
- Choose the approved colorway made for the background.
- Keep the full clear-space area free of type and graphics.
- Use the primary logo whenever the space comfortably allows it.
- Use the icon only where the Birdcode name is already understood.
Don't
- Retype, redraw or rebuild any part of the logo.
- Stretch, compress, skew or rotate the artwork.
- Separate or rearrange the icon and wordmark within a lockup.
- Use colors or combinations outside the approved downloads.
- Add shadows, outlines, gradients, glows or other effects.
- Crop the mark or place it on a busy, low-contrast image.
- Use retired marks that do not appear in the current brand guide.
Use approved artworkChoose the supplied colorway with strong contrast.
Do not distortNever stretch, compress, skew, or rotate the logo.
Do not add effectsSkip outlines, shadows, glows, and gradients.
Limited time!Do not crowd itKeep type and graphics outside the clear-space zone.
Unusual application? Send the layout to HATCH for a quick review before it goes to production.