Brand guidelines
Databuddy brand assets
Everything you need to represent Databuddy. Use these assets consistently to maintain our brand identity across all touchpoints. Hover any asset for copy and download actions.
Logo system
Our logo system includes the logomark, primary logo, secondary (stacked) logo, and wordmark. Each is available in light and dark variants as SVG.
Logomark
Primary Logo
Secondary Logo
Wordmark
Color palette
Our core palette is designed for AAA contrast compliance. Click any swatch to copy its hex value.
Color usage
Primary text
Deep Black on light backgrounds, Off White on dark backgrounds. Must meet AAA contrast for body copy.
Headlines
Same pairing — larger size and weight provide sufficient contrast on their own.
CTAs & emphasis
Darker shades on light backgrounds, base colors on dark. Strong visibility while retaining palette character.
Gradients
Gradients are a core expression of the brand identity. Used for background treatments, image overlays, and visual graphics.
Typography
Two typefaces form the Databuddy type system — LT Superior for display and body, and LT Superior Mono for code and technical content.
LT Superior
Display & body typeface
LT Superior Mono
Code & technical typeface
Type hierarchy
Graphic assets
The 8-bit bunny adds personality and digital charm. It should live in the background or play a secondary role — never replace the main logomark.
Clearspace & minimum sizes
Maintain consistent clearspace around all logo assets so they're never visually crowded. Never render below the minimum sizes.
| Asset | Clearspace | Min size | Reference |
|---|---|---|---|
| Logomark | 0.5x | 32px | x = height of the logomark |
| Primary Logo | 0.5x | 50px | x = height of the bunny |
| Secondary Logo | 0.5x | 100px | x = height of the bunny |
| Wordmark | 1x | 30px | x = height of the wordmark |
Usage rules
Follow these rules to keep Databuddy's brand consistent and recognizable.
Do
- Use official SVGs from this page
- Maintain required clearspace around logos
- Use Deep Black / Off White for text (AAA contrast)
- Use the bunny as a secondary decorative element
- Use brand gradients for backgrounds and overlays
Don't
- Stretch, rotate, or distort any logo assets
- Use the bunny as a replacement for the logomark
- Render logos below their minimum size
- Place logos on busy backgrounds without contrast
- Alter the brand colors or create new palette variations