🖼️ Logo Usage
Use the official logo marks exactly as provided. Never stretch, recolor, or add effects.
Primary Logo
Use on dark backgrounds. Full color gradient mark + wordmark.
Light Background Variant
Reversed colors for white or light surfaces.
Clear Space
Maintain a minimum clear space equal to the height of the logo mark (X) on all sides. No other elements should encroach on this area.
Minimum Size
Digital: 120px width. Print: 25mm width. Below these sizes, use the icon-only variant to maintain legibility.
🎨 Color Palette
Click any swatch to copy the hex code. Maintain WCAG AA contrast ratios for accessibility.
🔤 Typography
Inter for UI/body, JetBrains Mono for code & technical data. Consistent hierarchy ensures readability.
📐 Usage Guidelines
Follow these rules to maintain brand integrity and professional presentation.
✅ Do's
- Use official vector (SVG) files for print & web
- Maintain clear space around all logo marks
- Apply primary/secondary colors for backgrounds
- Use Inter for marketing & UI copy
- Ensure 4.5:1 contrast for body text
❌ Don'ts
- Stretch, skew, or rotate logos
- Add drop shadows, outlines, or gradients
- Place logos on busy or low-contrast backgrounds
- Use non-brand fonts (Comic Sans, Papyrus, etc.)
- Truncate or modify the wordmark
Download Brand Kit
Get the complete package: SVG/PNG logos, color palettes, font files, and Figma components.