Logo Downloads
SVG (vector) and PNG (raster) formats available
Color Palette
Our brand colors with hex values and usage context
Brand Gradient
Used in the icon mark and accent elements
CSS: background: linear-gradient(135deg, #7C3AED, #1E293B)
Typeface
Our typographic system and how to use it
Inter
Inter is our primary typeface across all platforms — web, mobile, desktop, and marketing materials. It's a variable font designed for computer screens with excellent legibility at small sizes.
Source: Google Fonts — fonts.google.com/specimen/Inter
License: SIL Open Font License 1.1 — free for commercial use
Variable: Yes — weight axis 100–900
Recommended Sizes
Consistent sizing for hierarchy and readability.
Wordmark: The "Collaborix" wordmark in the logo is a custom lettering — do not attempt to recreate it with Inter or any other typeface.
Usage Guidelines
How to use (and not use) our brand assets
Do
- Use the official logo files provided in this kit
- Maintain the minimum clear space around the logo
- Use the dark logo on dark backgrounds, light logo on light backgrounds
- Link back to collaborix.app when using our brand in articles
- Use the gradient icon mark for app icons and small contexts
Don't
- Alter the logo colors, proportions, or orientation
- Place the logo on busy or low-contrast backgrounds
- Add effects like shadows, outlines, or glows to the logo
- Use the logo to imply endorsement or partnership without permission
- Recreate or approximate the logo using other typefaces
Minimum Clear Space
Always maintain a clear space around the logo equal to the height of the "C" letterform in the wordmark. This ensures the logo remains legible and impactful in all contexts.
Clear zone