Logo System
The Zostel logo represents the spirit and freedom of backpacking and travel. Use it consistently to maintain brand recognition across all touchpoints.
Primary Logo
Full Logo - Vertical Layout
Full Logo - Horizontal Layout
Logo Symbol
The symbol can be used independently as a brand mark when space is limited or when the Zostel name is already established in context.
Orange on Light
Grey on Light
White on Orange
White on Dark
Wordmark
The wordmark uses expanded letter spacing for a distinctive, premium feel. Never recreate or modify the wordmark - always use the official version.
Grey Wordmark
White on Orange
White on Dark
Animated Logo
For digital applications, the logo can be animated to create engaging experiences. Use animations sparingly and ensure they don't distract from the content.
Draw Animation
Pulse Animation
Full Logo Animated
Clear Space
Maintain minimum clear space around the logo equal to the height of the symbol. This ensures the logo has visual breathing room and remains impactful.
Color Usage
The logo should only be used in approved color combinations to maintain brand consistency.
2-Color (Primary)
Use on white backgrounds only
1-Color Options
For special applications
Usage Guidelines
Do
- Use the logo at approved sizes (minimum 24px symbol)
- Maintain clear space around the logo
- Use approved color combinations
- Use white/transparent backgrounds
Don't
- Stretch or distort the logo
- Change the logo colors
- Add effects like shadows or gradients
- Recreate or modify the wordmark
- Place on busy or colored backgrounds (2-color version)
Download Logo Assets
Get all logo files in SVG, PNG, and other formats for your projects.
Download All Logo Files