GuidonBack to Guidon

Guidon / Brand resources

One identity. Every touchpoint.

Use these original assets and the established palette across product screenshots, social profiles and marketing materials.

Logo assets

Choose the full logo when there is room to read the name. Choose the symbol for compact placements.

Guidon

Full logo

Blue on light surfaces; white on dark backgrounds. Preserve the proportions and leave clear space around the logo.

Download blue logo (PNG)Download white logo (PNG)
Social profile

Social profile

Use this dark PNG for social profiles. Its clear space keeps the symbol intact in circular crops.

Download profile image (PNG)Download blue symbol (SVG)

Color palette

Guidon Blue leads. Electric Blue supports. Midnight Navy provides the dark marketing backdrop.

Guidon Blue
#1D4FD8

Primary logo color, light-mode actions and links.

Electric Blue
#4D8DFF

Supporting highlights and dark-mode actions.

Midnight Navy
#07142D

Dark marketing backgrounds and social graphics.

White
#FFFFFF

Logo and foreground on dark backgrounds.

Ink
#0F172A

Body text on light product surfaces.

Typography & voice

Geist is the main interface font. Keep copy clear, practical and grounded in what the product does today. The lettering in the logo is artwork: use the exported logo rather than recreating it with a font.

Keep the why with the work.

Use with care

  • Keep the original aspect ratio. Do not stretch, rotate, recolor or add effects to the logo.
  • Use the full logo on banners; use the symbol for profile pictures. Keep important content inside each platform’s safe area.
  • Choose enough contrast. State colors and user-selected task labels remain separate from the brand palette.

Link previews

The preview shown by Discord and other services is a separate 1200 × 630 social image. Updating a profile picture or a banner does not change that preview. Services may cache it after an update.