Brand
Gaffbee logo usage
How to use the Gaffbee house-and-bee lockup consistently across the app, marketing, social and print.
Light background
Default full-colour lockup. Use on white, cream or light grey backgrounds.
Dark / plum background
Use a light or monochrome variant on brand plum, charcoal or dark mode. Replace the filter with a supplied light asset when ready.
Minimum sizes
Nav / header
48 px
Footer
40 px
Social avatar
112 px — Mark only
App icon
192 px — Mark only
Business card print
40 px — 30 mm
Letterhead print
48 px — 40 mm
Clear space
1× f-height minimumThe logo must be surrounded by empty space equal to at least the height of the lowercase “f” in the wordmark on every side.
- Minimum clear space: 1 × f-height
- Preferred clear space: 1.5 × f-height
- No text, icons, buttons or imagery inside the zone
Do & don’t
Do
- ✓Use the master lockup as a single asset
- ✓Leave clear space on all sides
- ✓Use the light variant on dark backgrounds
- ✓Use the mark-only icon for square avatars
- ✓Keep the logo at or above the minimum size
Don’t
- ✕Stretch, squash or rotate the logo
- ✕Change the brand colours or add gradients
- ✕Add drop shadows, outlines or photo fills
- ✕Place the full-colour logo on busy photos
- ✕Use the tagline without the wordmark
Brand colours
Plum
#5B2A86
Primary brand, logo lines
Coral
#E86A5C
Accent CTAs, highlights
Honey
#F5C542
Bee, windows, warmth
Cream
#FBF7F1
Backgrounds, sections