Logo and Wordmark
The Kreoza logo represents our visual identity across software applications, open-source repositories, documentation, and digital media.
Brand Mark Concept
Section titled “Brand Mark Concept”The logo combines two geometric principles:
- The Hexagon (Sanctuary): A solid dark zinc container (
#18181b) representing an open space for building and quiet focus. - The Negative-Space K (Clarity): Precision cutouts forming the letter “K” in pure white (
#ffffff).
Brand Mark & Wordmark Variants
Section titled “Brand Mark & Wordmark Variants”| Variant | Surface | Visual Preview | Download Link | Usage |
|---|---|---|---|---|
| Primary Logo Mark | Light / Neutral |  |
logo.svg |
Main brand mark for favicons, avatars, and UI headers |
| Wordmark (Dark) | Light Mode |  |
logo-wordmark.svg |
Full logo + “KREOZA” text on white/light backgrounds |
| Wordmark (Light) | Dark Mode |  |
logo-wordmark-light.svg |
Full logo + “KREOZA” text on dark/charcoal backgrounds |
Sizing & Clear Space
Section titled “Sizing & Clear Space”- Clear Space: Maintain a clear margin around the logo equal to at least 25% (0.25X) of the logo’s total height. No text, layout borders, or graphic elements should intrude into this space.
- Minimum Digital Size:
24pxheight (16pxfor app favicons). - Minimum Print Size:
12mmheight (0.5 inches).
Asset Downloads
Section titled “Asset Downloads”Direct Vector Downloads & ZIP
Section titled “Direct Vector Downloads & ZIP”- 📦 Download Latest Logo Pack (.zip)
- 📥 Download Primary Logo Mark (SVG)
- 📥 Download Wordmark — Dark Text for Light Mode (SVG)
- 📥 Download Wordmark — Light Text for Dark Mode (SVG)
- 📥 Download Favicon / App Icon (SVG)
React Component Package
Section titled “React Component Package”For React applications, install the official logo component package:
pnpm add @kreozalabs/logos# ornpm install @kreozalabs/logosCore Usage Rules
Section titled “Core Usage Rules”| ✅ DO | ❌ DON’T |
|---|---|
| Use official, unmodified SVG assets | Stretch, skew, rotate, or distort logo proportions |
| Keep the logo strictly monochromatic | Recolor the mark with dynamic accent colors |
| Maintain 25% clear space on high-contrast backgrounds | Add drop shadows, gradients, outer glows, or bevels |
| Use dark/light mode compatible logo variants | Place the logo over busy or low-contrast backgrounds |