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-serif
Headings

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