Brand Guidelines
Download logos, access color palettes, and learn how to use the Wingbase brand consistently.
Logo
Our logo features a blue circle with an elegant 3-feather wing design, representing flight and freedom. Use the appropriate variant for your context.
Horizontal Logo
Primary logo for headers and navigation
Logo Mark
Icon only, for favicons and app icons
Full Logo (Dark)
Full logo for dark backgrounds
Logo Usage Guidelines
Do
- Use the horizontal logo in headers and navigation
- Maintain adequate clear space around the logo
- Use the dark variant on dark backgrounds
- Use the logo mark for small spaces (favicons, app icons)
Don't
- Stretch or distort the logo
- Change the logo colors
- Add effects like shadows or gradients
- Place the logo on busy backgrounds
Color Palette
Click any color to copy its hex value to your clipboard.
Primary
Primary Blue
Primary brand color, buttons, links
Primary Blue (Dark)
Primary color for dark mode
Semantic
Success
Success states, confirmations
Warning
Warnings, cautions
Error
Errors, destructive actions
Neutral
Slate 900
Text on light backgrounds
Slate 600
Secondary text
Slate 400
Muted text, placeholders
Slate 100
Backgrounds, borders
White
Cards, primary backgrounds
Typography
We use the system font stack for optimal performance and native feel across platforms.
Font Family
system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serifHeadings
Heading 1
Heading 2
Heading 3
Heading 4
Body Text
Regular body text (16px)
Small text (14px)
Caption text (12px)
Download All Assets
Get all logo variations and brand assets in a single download.
Download Brand Kit