Brand Guidelines
Our visual identity and brand personality
Logo
Primary Logo
Logo Usage
- Always use the provided logo files - do not recreate or distort
- Maintain clear space around the logo (minimum padding of 20px)
- Never rotate, skew, or apply effects to the logo
- Use on both light and dark backgrounds for versatility
- Minimum size: 40px in height for web use
✓ Do
- • Use logo at readable sizes
- • Maintain proportions
- • Keep adequate clear space
- • Use official color variations
✗ Don't
- • Distort or stretch the logo
- • Apply gradients or effects
- • Use unapproved colors
- • Place on busy backgrounds
Logo Typography
Meetello Wordmark
Meetello
Specifications
- Font Weight: Bold (700)
- "Meet" Color: Black (#000000)
- "ello" Color: Meetello Blue (#2563EB)
- Font Family: System sans-serif (Tailwind default)
- Letter Spacing: Normal
Color Palette
Primary Colors
Black
#000000
Primary text, logo accent
Meetello Blue
#2563EB
Primary brand color, links, CTAs
White
#FFFFFF
Backgrounds, contrast
Secondary Colors
Gray 100
#F3F4F6
Gray 700
#374151
Green 500
#10B981
Red 600
#DC2626
Usage: Green for success states and positive actions. Red for warnings and destructive actions. Gray for neutral elements and backgrounds.
Typography
Font Family
Meetello uses system default sans-serif fonts for optimal performance and consistency across platforms.
Font Stack:
-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
Font Sizes & Weights
Heading 1
36px • Bold (700) • For page titles
Heading 2
24px • Bold (700) • For section titles
Heading 3
20px • Semibold (600) • For subsections
Body Text
16px • Regular (400) • For main content
Small Text
14px • Regular (400) • For secondary information
Imagery & Photography
Style Guidelines
✓ Authentic & Real
Use real photos of events, people, and communities. Avoid generic stock photos when possible.
✓ Diverse & Inclusive
Show diverse participants, backgrounds, and event types. Reflect the global nature of Meetello.
✓ Community-Focused
Highlight people connecting, collaborating, and learning together. Show the energy of events.
✓ High Quality
Use high-resolution images (at least 1200px wide for web). Optimize for fast loading.
Voice & Tone
Brand Personality
We Are
- ✓ Approachable & friendly
- ✓ Clear & straightforward
- ✓ Helpful & supportive
- ✓ Professional & trustworthy
- ✓ Empowering & enabling
We're Not
- ✗ Corporate or stiff
- ✗ Overly technical or jargon-heavy
- ✗ Condescending or patronizing
- ✗ Casual or unprofessional
- ✗ Pushy or aggressive
Tone Examples
For Errors:
"Something went wrong. Please try again or contact support."
For Success:
"Great! Your event has been created. You're all set to start planning."
For CTAs:
"Create your event" or "Get started today"
Interactive Elements
Buttons
For main CTAs and actions
For alternative actions
For less prominent actions
Links
Links appear in Meetello Blue with underline on hover. Maintain consistency across all platforms.
Icons
Use simple, clear icons that complement the brand. Icons should be consistent in style and weight throughout the platform.
Do's and Don'ts
✓ Do
- • Use the brand colors consistently
- • Maintain adequate white space
- • Use clear, readable fonts
- • Follow the logo guidelines
- • Be friendly and approachable
- • Test for accessibility
- • Keep it simple and clean
✗ Don't
- • Alter or distort the logo
- • Use unapproved colors
- • Mix multiple competing fonts
- • Use outdated imagery
- • Be too formal or stiff
- • Ignore accessibility standards
- • Create cluttered layouts
Brand Questions?
For questions about Meetello branding, usage, or requests for brand assets, please reach out to our team.
Contact Us