Pæan Logo Mascot
A one-eyed character built from arch and inner ring, expressing emotions through a rich expression system
Logo Anatomy
The Pæan Logo consists of two core elements: the arch representing a doorway/gateway, and the inner ring representing an eye/soul.
Arch (Doorway)
The U-shaped arch symbolizes entrance, passage, and protection. It represents stability and reliability.
Inner Ring (Eye)
The centered ring represents the eye and soul. It's the core of the expression system, conveying emotions through shape changes.
Design Principles
- • Keep arch stable, only animate inner ring
- • Use rounded caps (strokeLinecap: round)
- • Consistent stroke width (thin: 4, standard: 12)
Expression System
9 unique expressions, from basic states to rich emotional displays, bringing the logo to life as a mascot.
Idle
Default state - full circular eye
Animation Guidelines
Micro-animations bring the logo to life, but follow these guidelines for consistency.
Breathing Animation
Subtle scale effect in standby mode, range 1.0 - 1.02, period 3 seconds.
scale: 1.0 → 1.02 → 1.0Expression Timing
Random interval 8-20 seconds between expressions, blink is most common.
interval: 8000ms - 20000msAudio Response
During recording, adjust ring size and brightness based on audio amplitude with spring animation.
scale: 1.0 + amplitude × 0.12Color Variants
Choose the appropriate color variant based on background and use case.
Standard
White arch with Paean Blue eye
Monochrome
All white for dark backgrounds
Paean Blue
All Paean Blue for light backgrounds
Dark
Black arch with Paean Blue eye
Usage Guidelines
Ensure the logo displays correctly across all contexts.
✓ Do
- •Use Standard or Monochrome on dark backgrounds
- •Maintain adequate clear space around the logo
- •Animations should be subtle and non-distracting
- •Expression changes should match the context
✗ Don't
- •Don't change the proportion between arch and ring
- •Don't add extra decorative elements to the logo
- •Don't use non-specified color combinations
- •Don't rotate or skew the logo
Download Assets
Get logo files in various formats for design and development.