Skip to content

Logo and Wordmark

The Kreoza logo represents our visual identity across software applications, open-source repositories, documentation, and digital media.


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).

Variant Surface Visual Preview Description
Primary Logo Mark (Dark) Light / Neutral
Primary Logo Mark Dark
Main brand mark for favicons, avatars, and UI headers on light backgrounds
Primary Logo Mark (Light) Dark Mode
Primary Logo Mark Light
Main brand mark for favicons, avatars, and UI headers on dark backgrounds
Wordmark (Dark) Light Mode
Wordmark Dark
Full logo + “KREOZA” text on white/light backgrounds
Wordmark (Light) Dark Mode
Wordmark Light
Full logo + “KREOZA” text on dark/charcoal backgrounds

  • 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: 24px height (16px for app favicons).
  • Minimum Print Size: 12mm height (0.5 inches).

For React applications, install the official logo component package:

Terminal window
pnpm add @kreozalabs/logos
# or
npm install @kreozalabs/logos

✅ 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