Vee - Flythm/Brand-Guide GitHub Wiki
🪶 Vee Mascot Usage Guide
The official guide to Flythm's friendly companion
📋 Meet Vee
Description
Vee is a small creature with a rounded silhouette, gradient blue-to-teal fur, and expressive eyes. Neither muppet nor monster, Vee represents the perfect balance of focus and freedom—just like agile teams need. Vee's most distinctive features are:
- Rounded head with two small curved horns
- Large, friendly eyes with light reflection points
- Soft gradient fur that feels approachable
- Simplified silhouette that works in multiple formats
- Gentle floating/hovering motion style
Personality Traits
- Observant - Notices patterns and rhythms
- Supportive - Offers guidance without judgment
- Calm - Brings focus during hectic sprints
- Gently playful - Adds moments of delight without distraction
🌱 Origin Story
Vee emerged from the sweet spot between velocity and rhythm—the core elements that make agile teams soar.
Legend has it that Vee first appeared during a particularly chaotic sprint, where a team had lost its flow completely. As the burndown chart flatlined and frustration mounted, team members noticed a small blue creature floating above their Kanban board, gently reorganizing cards and nudging the team back into rhythm.
The creature wasn't disruptive or demanding—just quietly supportive, helping the team find its flow again. They named it "Vee" (for velocity), and soon discovered that teams with Vee's presence maintained better cadence, communication, and calm.
Now Vee helps agile teams everywhere find their rhythm and maintain velocity—a friendly presence in the often complex world of sprints and deliverables.
🎬 Practical Usage
When to Use Vee
| Context | Usage | Example |
|---|---|---|
| Onboarding | Guide new users through key features | Vee perched on welcome screens, pointing to next steps |
| Empty States | Make zero-data screens friendly | Vee with a "Let's get started" speech bubble |
| Celebrations | Acknowledge team wins | Vee with confetti when sprints complete successfully |
| Guidance | Provide tips without interrupting | Small Vee icon beside helpful tooltips |
| Error States | Soften frustrating moments | Vee looking at a map when users hit 404 pages |
| Loading | Entertain during wait times | Vee gently floating or flapping during processing |
| Branding | Strengthen brand recognition | Vee on swag, social media, and conference materials |
Size Guidelines
| Size | Minimum Details | Where to Use |
|---|---|---|
| Tiny (16-24px) | Silhouette only | Favicon, status indicators |
| Small (25-48px) | Basic features, minimal detail | Tooltips, inline hints |
| Medium (49-128px) | Full character with gradient | Feature illustrations, avatars |
| Large (129px+) | Complete character with texture | Hero images, splash screens, merchandise |
✅ Do's and Don'ts
Do:
- Do use Vee to highlight important information
- Do maintain proper proportions when scaling
- Do use the approved color palette for Vee's appearance
- Do animate Vee with gentle, smooth movements
- Do place Vee in natural positions (perched on UI elements, floating beside content)
- Do use Vee consistently across platforms
Don't:
- Don't overuse Vee (less is more—save Vee for meaningful moments)
- Don't modify Vee's core characteristics (eyes, shape, color gradient)
- Don't make Vee overly cartoonish or childish
- Don't use Vee for negative messaging or criticism
- Don't let Vee distract from important interface functions
- Don't create unauthorized variations of Vee for different teams/products
💬 Vee's Voice
When Vee "speaks" (in tooltips, hints, or notifications), follow these guidelines:
- Brief - 1-2 short sentences
- Encouraging - Focus on progress and solutions
- Light - Occasionally playful but never silly
- Practical - Always tied to user actions or needs
Voice Examples
| Context | Appropriate | Too Much |
|---|---|---|
| Sprint Start | "Looking good! All stories estimated." | "OMG we're gonna CRUSH this sprint! So excited!!! 🎉🎉🎉" |
| Blocked Task | "This task seems stuck. Need some help?" | "Uh oh! Big trouble here! Everything's blocked!!!" |
| Celebration | "Sprint complete! Great velocity." | "YOU ABSOLUTE LEGENDS! Best team EVER!!!" |
🖼️ Visual Contexts
Digital Applications
- Dashboard - Small Vee can highlight important metrics
- Email - Vee in header images for newsletters
- Social - Vee as profile picture or reaction emoji
- Presentations - Vee to mark section transitions or key points
Physical Applications
- Stickers - Multiple expressions for laptop decoration
- Plushies - 6" and 12" options for desk companions
- Pins - Simplified silhouette for subtle brand presence
- T-shirts - Vee floating above product name or slogan
🔄 Seasonal & Special Variations
While Vee should maintain core characteristics, subtle seasonal variations are permitted:
- Team Milestones - Tiny celebration hat for major releases
- Company Anniversary - Small branded element (never covering core features)
- Seasonal - Subtle environmental elements (never costume changes)
Note: All variations must be approved by the brand team before implementation.
📑 Asset Management
All official Vee assets are available in the following locations:
- Design System (Figma) -
/Mascots/Vee - Marketing Asset Library -
/Brand/Mascots/Vee - Developer Resources -
/assets/mascots/vee
Always use approved assets rather than creating new versions.
👋 Questions?
For questions about Vee usage or to request special applications, contact:
- [email protected]
- #brand-resources Slack channel
Remember: Vee represents our commitment to helping teams find their flow. Use Vee thoughtfully to reinforce this mission.