Brand Assets

Brand Kit

Everything you need to represent Kairo Guard correctly. Download logos, access brand colors, and follow our guidelines to maintain visual consistency.

Logo Variants

Choose the right logo for your context

Horizontal

Primary logo for most use cases. Best for headers, documents, and wide spaces.

White on Transparent
White on Transparent
Black on Transparent
Black on Transparent
White on Orange
White on Orange
Black on Orange
Black on Orange

Vertical

Stacked logo for square or portrait spaces. Great for social profiles and app icons.

White on Transparent
White on Transparent
Black on Transparent
Black on Transparent
White on Orange
White on Orange
Black on Orange
Black on Orange

Symbol Mark

The Kairo icon alone. Use when the brand is already established in context.

White on Transparent
White on Transparent
Black on Transparent
Black on Transparent
White on Orange
White on Orange
Black on Orange
Black on Orange

Wordmark

Text-only logo. Use when the symbol isn't needed or space is limited.

White on Transparent
White on Transparent
Black on Transparent
Black on Transparent
White on Orange
White on Orange
Black on Orange
Black on Orange

Color Palette

Click any swatch to copy the hex code

Click to copy

Ember Orange

#ea580c

RGB: 234, 88, 12

Primary accent, CTAs, highlights

Click to copy

Deep Black

#050505

RGB: 5, 5, 5

Background, primary dark

Click to copy

Surface Black

#0a0a0a

RGB: 10, 10, 10

Cards, elevated surfaces

Click to copy

Pure White

#ffffff

RGB: 255, 255, 255

Primary text, light variants

Click to copy

Muted White

rgba(255,255,255,0.5)

RGB: 255, 255, 255

Secondary text, subtle elements

Typography

Fonts that define the Kairo voice

Inter

Our primary typeface for all UI text, body copy, and general communication. Clean, modern, and highly legible at all sizes.

Kairo Guard

Bold headlines catch attention

Regular weight for body text ensures comfortable reading across all devices and screen sizes.

JetBrains Mono

Monospace font for code, addresses, and technical content. Designed for developers with excellent readability.

0x1a2B3c4D5e6F...

0x742d35Cc6634C0532925a3b844Bc9e7595f...

const wallet = await kairo.connect();

Usage Guidelines

Do

  • Use the provided logo files without modification
  • Maintain clear space around the logo (minimum padding equal to the height of the "K")
  • Use white logo on dark backgrounds, black logo on light backgrounds
  • Scale the logo proportionally
  • Use the orange variants for branded hero sections

Don't

  • Alter the logo colors outside of provided variants
  • Add effects like shadows, gradients, or outlines
  • Stretch, rotate, or distort the logo
  • Place the logo on busy or low-contrast backgrounds
  • Use the logo to imply endorsement without permission

Need something specific?

If you need additional formats, higher resolutions, or have questions about brand usage, we're here to help.

Contact Brand Team