Gruby Media Kit
Brand assets, logos, and guidelines for press and marketing use
Brand Colors
Gruby Charcoal
#222222
RGB: 34, 34, 34
Primary brand color for buttons, text, and key brand elements
Gruby Olive Dark
#5a5a3b
RGB: 90, 90, 59
Hover states and darker variants of primary actions
Charcoal
#222222
RGB: 34, 34, 34
Primary text color, headings, and dark UI elements
Slate
#717171
RGB: 113, 113, 113
Secondary text, icons, and medium emphasis elements
Cloud
#F7F7F7
RGB: 247, 247, 247
Light backgrounds, subtle surfaces, and card backgrounds
Mist
#EBEBEB
RGB: 235, 235, 235
Borders, dividers, and subtle separators
Logo Downloads
Icon (PNG)
Square app icon - Best for app stores, social media, and small spaces
Direct URL:
https://gruby.app/logos/gruby-icon.png
Icon (SVG)
Scalable vector icon - Perfect for web and print at any size
Direct URL:
https://gruby.app/logos/gruby-icon.svg
Full Logo (SVG)
Complete Gruby logo with text - Use for headers and branding
Direct URL:
https://gruby.app/logos/gruby-logo.svgBrand Guidelines
✅ Do
- • Use the logo on white or light backgrounds
- • Maintain minimum clear space around the logo
- • Use the icon for small spaces (app icons, favicons)
- • Use the full logo for headers and marketing materials
- • Keep the logo proportional when resizing
❌ Don't
- • Don't distort or stretch the logo
- • Don't change the colors
- • Don't place on busy backgrounds
- • Don't rotate or tilt the logo
- • Don't add effects or filters
Additional Resources
Typography
Gruby uses clean, modern typography for all communications.
Headings
Body text should be clear and readable
Small text for captions and metadata
Spacing Guidelines
Maintain clear space around logos equal to at least 50% of the logo height.
Minimum clear space: 50% of logo height
Preferred clear space: 100% of logo height