Brand Guidelines

Logo downloads, color palette, and usage guidelines

Logo

The Coderbuds logo consists of a code bracket icon and wordmark. Use the appropriate variant based on your background.

Coderbuds logo for dark backgrounds

Full Logo - Dark

For dark backgrounds

Coderbuds logo for light backgrounds

Full Logo - Light

For light/white backgrounds

Coderbuds icon

Icon Only

Favicons, small spaces

Coderbuds icon large

Icon - Large

Social media avatars

Color Palette

Primary - Amber

Amber 300 #fcd34d
Amber 400 #fbbf24
Amber 500 #f59e0b
Amber 600 #d97706

Neutral - Zinc

White #ffffff
Zinc 200 #e4e4e7
Zinc 800 #27272a
Zinc 900 #18181b

Typography

Our primary typeface is Space Grotesk, a geometric sans-serif that balances technical precision with approachability.

</> Coderbuds

Logo: Space Grotesk 800, 22px

Engineering Intelligence

H1: Space Grotesk 700, 36px

DORA Metrics Dashboard

H2: Space Grotesk 600, 24px

Most engineering leaders can't prove their team's performance. Connect your repos and see exactly where you stand in 5 minutes.

Body: Space Grotesk 400, 16px

Logo Usage

Do's

  • Use provided logo files without modification
  • Maintain clear space around the logo
  • Use appropriate color variant for background
  • Scale proportionally
  • Ensure sufficient contrast with background

Don'ts

  • Stretch or distort the logo
  • Change logo colors outside brand palette
  • Add effects (shadows, gradients, outlines)
  • Rotate the logo
  • Place on busy backgrounds without contrast

Quick Downloads

SVG (Vector)

PNG (Raster)

Documentation