Logo
The Coderbuds logo consists of a code bracket icon and wordmark. Use the appropriate variant based on your background.
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