Brand Illustrations
Complete catalogue of brand illustrations from the Zostel Brand Manual. Pixel-perfect SVG recreations with animation support.
Trees
Page 32 11 StylesEleven unique tree styles representing different artistic interpretations - from geometric patterns to organic forms.
Animals
Page 33 4 IllustrationsStylized animal illustrations representing India's diverse wildlife and cultural symbols.
People & Activities
Page 36 4 IllustrationsAdventure activities showcasing the spirit of travel and exploration.
City-Specific Landmarks
Page 37 5 LandmarksIconic Indian landmarks representing different cities and regions.
Delhi
Agra
Hyderabad
Rajasthan
Kerala
Z-Man Mascot
Page 36The Zostel superhero mascot - representing adventure, travel, and the spirit of exploration.
Character Elements
- Blue superhero suit & cape
- Yellow "Z" emblem, boots & gloves
- Blue mask matching suit
- Flying/leaping pose with fist forward
Backpacking Elements
Page 36Essential backpacking and camping elements for the travel experience.
Backpacking Icons
Page 38 13 IconsThick border style icons representing various backpacking and adventure elements.
Celestial Elements
Page 32Sun and moon with radiating patterns and dotted textures.
Nature Elements
Pages 33-34Landscape elements including water, trees, and mountain valleys.
Water Waves
Field Pines
Valley Mountains
Traditional Indian Patterns
Pages 34-35Patterns inspired by Khovar and Gond tribal art forms, reflecting India's rich cultural heritage.
Khovar Circles
Interlocking circles from Khovar art of Jharkhand.
Gond Wave
Fish scale/scallop pattern from Gond art.
Gond Lines
Horizontal lines with vertical bars.
Composite Scene
All illustration elements combined into a travel-inspired scene.
Usage
// Import new brand illustrations
import {
// Trees
PalmLeaf, CurvyBranch, PineTriangle, ZostelStar,
// Animals
Elephant, Camel, Birds, Owl,
// People
Cyclist, ScubaDiver, BungeeJumper, Skier,
// Landmarks
IndiaGate, TajMahal, Charminar, RajasthanTurban, KeralaBoat,
// Mascot
ZMan,
// Icons
IconMountains, IconCampfire, IconCompass,
// Celestial & Nature
SunRadiant, MoonDotted, WaterWaves, ValleyMountains,
// Patterns
KhovarCircles, GondWavePattern, GondLinePattern,
} from '../components/illustrations';
// Basic usage with animation
<ZMan size={150} animated />
<PalmLeaf size={100} animated />
<Elephant size={120} animated />
// Patterns as backgrounds
<KhovarCircles width={200} height={200} asBackground />
<GondWavePattern width={200} height={200} asBackground />
// Nature scenes
<ValleyMountains width={400} height={200} animated />
<WaterWaves width={300} height={60} animated />