Brand Assets
Professional branding resources for partners, media, and creators
Professional branding resources for partners, media, and creators
Choose the perfect logo variation for your use case. All logos are available in SVG format for infinite scalability.
Original vibrant logo with gold and orange gradients. Perfect for general use on dark backgrounds.
Download SVG
Enhanced version for dark backgrounds. Optimized visibility with brighter gradients and stronger glow effects.
Download SVG
Optimized for light backgrounds. Subtle gradients ensure perfect contrast and readability on white surfaces.
Download SVG
Pure white logo for maximum contrast on dark backgrounds. Ideal for single-color printing and dark themes.
Download SVG
Pure black logo for light backgrounds. Perfect for print materials, light themes, and professional documents.
Download SVG
Elegant cream and yellowish variant with warm tones. Perfect for premium branding, luxury materials, and sophisticated designs.
Download SVGPremium SVG graphics and patterns for marketing materials, presentations, and digital content. All assets are vector-based for infinite scalability.
Circular badge with lightning bolt icon. Perfect for certifications, achievements, and status indicators.
Download SVG
Modern hexagonal badge design. Ideal for tech-focused branding, app icons, and contemporary marketing materials.
Download SVG
Minimalist lightning bolt icon. Perfect for favicons, app icons, and compact branding spaces.
Download SVG
Animated wave pattern with energy particles. Great for headers, banners, and dynamic backgrounds.
Download SVG
Geometric grid pattern with subtle accents. Perfect for backgrounds, textures, and design elements.
Download SVG
Subtle dot pattern with gradient overlays. Ideal for website backgrounds, presentations, and digital displays.
Download SVG
Official stamp-style badge with circular design. Perfect for certifications, official documents, and premium branding.
Download SVG
Elegant gradient divider with decorative elements. Perfect for section separators, headers, and content breaks.
Download SVG
Subtle watermark design for protecting digital content. Ideal for presentations, documents, and preview materials.
Download SVGStunning premium designs with wow factor. Perfect for high-impact campaigns, presentations, and premium brand showcases.
1920×1080px stunning gradient mesh design with flowing colors. Perfect for hero sections and premium showcases.
Download SVG
1920×1080px elegant framed design with premium gold accents. Ideal for luxury branding and high-end presentations.
Download SVG
1920×1080px dynamic energy flow design with animated particles. Perfect for showcasing power and connectivity.
Download SVG
1920×1080px tech-inspired grid design with connection nodes. Perfect for digital transformation campaigns and tech presentations.
Download SVG
1920×1080px dramatic lightning bolt design with animated effects. Perfect for high-energy campaigns and power-themed content.
Download SVGEye-catching marketing materials showcasing Zazu Power's core features and benefits. Perfect for product launches, presentations, and digital campaigns.
Stunning hero banner with "Know Before It Happens" messaging. Perfect for landing pages and main product showcases.
Download SVG
Comprehensive feature grid highlighting all key capabilities. Ideal for product pages and feature comparisons.
Download SVG
Impressive statistics display showing community growth and engagement. Perfect for social proof and credibility building.
Download SVG
High-converting CTA banner with gradient background. Perfect for driving downloads and user sign-ups.
Download SVG
Social proof banner featuring user testimonials. Great for building trust and showcasing real-world impact.
Download SVG
Beautiful product feature display with organized layout. Perfect for product pages and feature highlights.
Download SVGProfessional banners and materials for conferences, webinars, and events. Generic designs applicable to any event type.
1920×600px wide format banner perfect for event websites, social media covers, and digital displays.
Download SVG
1200×1800px portrait format perfect for posters, flyers, and vertical displays at events.
Download SVG
1600×900px banner optimized for webinar platforms and online event promotions.
Download SVG
850×1100px flyer template perfect for print and digital distribution at events and conferences.
Download SVG
1920×1080px presentation template perfect for keynote slides, pitch decks, and business presentations.
Download SVG
1200×1600px press kit cover perfect for media packages, investor materials, and official documentation.
Download SVG
1200×300px email header template perfect for newsletters, marketing emails, and corporate communications.
Download SVGCyberpunk-inspired designs with neon green aesthetics. Perfect for tech events, developer communities, and hacker culture campaigns.
2400×1600px stunning wall art with matrix patterns and code aesthetics. Perfect for office decor, event backdrops, and large format printing.
Download SVG
1920×1080px terminal-style banner with command-line aesthetics. Perfect for tech conferences and developer-focused marketing.
Download SVG
1920×1080px feature showcase with terminal command styling. Ideal for developer documentation and tech presentations.
Download SVG
1600×900px statistics display with cyberpunk aesthetics. Perfect for dashboards and data visualization presentations.
Download SVG
1920×600px call-to-action banner with terminal command styling. Perfect for developer-focused landing pages.
Download SVG
1600×900px terminal window mockup showing Zazu Power in action. Perfect for developer documentation and tech blogs.
Download SVGStunning artistic designs with wow factor. Perfect for wall art, digital displays, and premium marketing materials.
1600×600px neon-style sign with glowing text effects. Perfect for digital displays and tech-themed events.
Download SVG
1600×1200px geometric masterpiece with animated hexagons. Ideal for wall art and premium presentations.
Download SVG
1920×1080px dynamic particle animation. Perfect for hero sections and attention-grabbing displays.
Download SVG
1920×1080px cyberpunk glitch design with animated effects. Perfect for tech events and digital art displays.
Download SVG
1600×1200px three-dimensional layered text effect. Creates stunning depth and visual impact.
Download SVG
1200×800px premium holographic effect card. Perfect for premium branding and luxury marketing materials.
Download SVG
1920×1080px tech-inspired circuit board design with animated nodes. Perfect for tech presentations and developer content.
Download SVG
1920×1080px flowing abstract wave design with smooth animations. Perfect for modern, elegant marketing materials.
Download SVGBeautiful designs celebrating African culture, landscapes, and heritage. Perfect for cultural events, heritage celebrations, and community engagement.
1920×1080px stunning sunset scene with warm African colors. Perfect for hero sections and emotional storytelling.
Download SVG
1600×1200px geometric tribal design with warm earth tones. Ideal for cultural presentations and heritage events.
Download SVG
1920×1080px vibrant Kente cloth-inspired pattern. Perfect for celebrating African heritage and cultural pride.
Download SVG
1920×1080px breathtaking savanna landscape with acacia trees. Perfect for nature-themed campaigns and African tourism.
Download SVG
1600×900px animated drum design with sound wave effects. Perfect for music events, cultural festivals, and rhythm-themed content.
Download SVG
1920×1080px stylized Africa map with power connection nodes. Perfect for showcasing pan-African reach and connectivity.
Download SVGSpecial themed variations celebrating African heritage and tech culture. Perfect for diverse marketing campaigns and cultural events.
Earth-tone badge with warm terracotta and sandy colors. Celebrates African heritage with elegant design.
Download SVG
Neon green badge with matrix-style grid overlay. Perfect for tech events, developer communities, and cyber culture.
Download SVG
Traditional-inspired pattern with warm earth tones. Ideal for backgrounds, textiles, and cultural presentations.
Download SVG
Matrix-style grid pattern with neon green accents. Perfect for tech backgrounds, developer tools, and cyber aesthetics.
Download SVGBranded social media icons with our signature gradient. Ready to use for social profiles, buttons, and marketing materials.
Circular Facebook icon with Zazu Power branding. Perfect for social media profiles and buttons.
Download SVG
Rounded square Instagram icon with premium gradient. Ideal for Instagram profile pictures and posts.
Download SVG
Circular Twitter/X icon with brand colors. Perfect for Twitter profile pictures and social buttons.
Download SVG
Professional LinkedIn icon with rounded square design. Ideal for LinkedIn company pages and profiles.
Download SVGSpecial themed social media icons for African heritage and hacker/tech culture campaigns.
Earth-tone Facebook icon with warm terracotta colors. Perfect for cultural events and heritage celebrations.
Download SVG
Warm earth-tone Instagram icon celebrating African heritage. Ideal for cultural content and heritage posts.
Download SVG
Neon green Facebook icon with matrix-style grid. Perfect for tech communities, developer groups, and cyber events.
Download SVG
Cyber-style Instagram icon with neon green accents. Ideal for tech influencers, developer content, and hacker culture.
Download SVGPre-designed templates for all major social media platforms. Download and customize for your needs.
Our official brand colors. Use these exact values to maintain brand consistency across all materials.
Our typography system ensures consistent, readable, and on-brand communication across all touchpoints.
Space Grotesk - Modern, geometric sans-serif
Usage: Headings, titles, UI elements, brand messaging
Weights: 300 (Light), 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold), 800 (ExtraBold)
Google Fonts: fonts.google.com/specimen/Space+Grotesk
Courier New - Monospace typeface
Usage: Code snippets, terminal-style text, technical content, hacker-themed designs
Weights: Regular (400), Bold (700)
Note: System font, available on all platforms
Display: 96px / 6rem (Hero titles)
H1: 56px / 3.5rem (Page titles)
H2: 36px / 2.25rem (Section titles)
H3: 24px / 1.5rem (Subsection titles)
H4: 20px / 1.25rem (Card titles)
Body Large: 18px / 1.125rem (Lead text)
Body: 16px / 1rem (Default text)
Body Small: 14px / 0.875rem (Captions, hints)
Small: 12px / 0.75rem (Labels, metadata)
Tight: 1.1 (Headings)
Normal: 1.5 (Body text)
Relaxed: 1.75 (Long-form content)
Tight: -0.02em (Large headings)
Normal: 0em (Default)
Wide: 0.05em (Uppercase text, labels)
Our comprehensive color system ensures brand consistency and accessibility across all applications.
✅ Recommended:
• Gold (#FFD600) on Dark (#0A0E27) - Primary combination
• Orange (#FF6B00) on Dark (#0A0E27) - Secondary combination
• White (#FFFFFF) on Dark (#0A0E27) - Text on dark
• Gold (#FFD600) on White (#FFFFFF) - Light mode
❌ Avoid:
• Gold on yellow backgrounds (low contrast)
• Light colors on light backgrounds
• Dark colors on dark backgrounds
• Orange on red backgrounds (too similar)
WCAG AA Compliance:
• Text on background: Minimum 4.5:1 contrast ratio
• Large text (18px+): Minimum 3:1 contrast ratio
• Interactive elements: Minimum 3:1 contrast ratio
Always test color combinations for accessibility and provide alternative indicators beyond color alone.
Consistent spacing creates visual harmony and improves readability across all designs.
XS: 4px / 0.25rem (Tight spacing)
SM: 8px / 0.5rem (Small gaps)
MD: 16px / 1rem (Default spacing)
LG: 24px / 1.5rem (Section spacing)
XL: 32px / 2rem (Large gaps)
2XL: 48px / 3rem (Section breaks)
3XL: 64px / 4rem (Major sections)
4XL: 96px / 6rem (Page sections)
Cards: 24px-32px
Buttons: 12px-24px (vertical), 16px-32px (horizontal)
Modals: 32px-40px
Containers: 24px (mobile), 40px-80px (desktop)
Small: 4px-8px (Buttons, inputs)
Medium: 12px-16px (Cards, modals)
Large: 20px-24px (Large cards, containers)
Full: 50% (Circles, pills)
Consistent iconography enhances usability and maintains brand identity.
Font Awesome 5: Primary icon library for UI elements
Ionicons: Secondary library for mobile-specific icons
Custom SVG: Brand-specific icons (lightning bolt, power symbols)
XS: 12px (Inline text icons)
SM: 16px (Small buttons, labels)
MD: 24px (Default size, buttons)
LG: 32px (Large buttons, feature icons)
XL: 48px (Hero icons, illustrations)
• Use consistent stroke width (1.5-2px)
• Maintain consistent color scheme (brand colors)
• Ensure icons are recognizable at small sizes
• Provide text labels for accessibility
• Use filled icons for emphasis, outlined for subtlety
Follow these guidelines to ensure proper usage of our brand assets and maintain consistency.
Maintain Aspect Ratio: Always maintain the 1:1 aspect ratio when resizing logos. Never stretch or distort the logo.
Clear Space: Maintain clear space equal to the height of the lightning bolt around the logo. Never place text or graphics within this space.
Minimum Size: Digital: 50×50px minimum. Print: 0.5" × 0.5" (150×150px at 300 DPI) minimum.
Color Usage: Use full-color logo on dark backgrounds. Use dark mode or monochrome versions on light backgrounds for optimal contrast.
❌ Modify colors, rotate, tilt, or add effects to the logo
❌ Place the logo on busy backgrounds that reduce visibility
❌ Use outdated or modified versions of the logo
❌ Combine the logo with other logos or graphics in a way that diminishes its impact
❌ Use the logo smaller than the minimum size requirements
Voice: Empowering, innovative, community-focused, reliable
Tone: Warm, approachable, professional, confident
Messaging: Focus on empowerment, community, and real-world impact
Language: Clear, concise, action-oriented, inclusive
Clarity: Designs should be clear and easy to understand
Consistency: Maintain visual consistency across all touchpoints
Accessibility: Ensure designs are accessible to all users
Purpose: Every design element should serve a clear purpose
Quality: Maintain high standards for all brand materials
Logos: SVG (preferred), PNG (transparent background, 2x resolution)
Marketing Materials: SVG (vector), PNG (raster, 300 DPI for print)
Icons: SVG (preferred), PNG (fallback, 2x resolution)
Web Use: SVG, WebP, PNG (optimized)
Print Use: PDF, PNG (300 DPI minimum), SVG
✅ Correct Usage:
• Full-color logo on dark backgrounds
• Monochrome logo on light backgrounds
• Proper clear space around logo
• Appropriate sizing for context
❌ Incorrect Usage:
• Distorted or stretched logo
• Logo on busy backgrounds
• Insufficient clear space
• Wrong color variant for background