Ikon Brand Identity Kit

Complete visual assets and guidelines for consistent brand presentation

Logo

The Ikon logo is the cornerstone of our brand identity. Use it consistently across all channels.

Primary Logo

Ikon Primary Logo

Use this logo on light backgrounds

Logo on Dark

Ikon Logo Dark

Logo works on dark backgrounds

Clear Space Guidelines

Always maintain adequate clear space around the logo. Minimum clear space is 1/4 of the logo's height. This ensures the logo maintains visual prominence and clarity in all applications.

Color Palette

Our color palette defines the visual character of the brand. Use these colors consistently across all materials.

Primary Red
#FF4D2D
RGB(255, 77, 45)
Dark Navy
#000033
RGB(26, 35, 50)
Light Gray
#F8F9FA
RGB(248, 249, 250)
Dark Gray
#6B7280
RGB(107, 114, 128)

Color Usage: The primary red (#FF4D2D) should be used for key actions, CTAs, and brand highlights. Dark navy (#000033) is used for primary text and navigation. Light gray backgrounds provide subtle contrast, while dark gray serves as secondary text.

Typography

We use Inter as our primary typeface across all brand communications.

Font Family: Inter

Inter is a clean, modern typeface that provides excellent legibility across digital and print media.

Heading Large (48px, Bold)

Used for page titles and main sections

Heading Medium (24px, Semibold)

Used for section headings

Body text (16px, Regular) - Used for all paragraph content and descriptions with 1.5 line height

Line height: 1.5

Brand Guidelines

Do's

  • ✓ Use the primary red for key actions and calls-to-action
  • ✓ Maintain proper clear space around the logo
  • ✓ Use Inter font for all brand communications
  • ✓ Keep the brand cohesive across all touchpoints
  • ✓ Maintain consistent spacing and sizing
  • ✓ Follow color hierarchy guidelines

Don'ts

  • ✕ Don't alter, rotate, or skew the logo
  • ✕ Don't use colors outside the brand palette
  • ✕ Don't place the logo without adequate clear space
  • ✕ Don't use different fonts in brand materials
  • ✕ Don't reduce logo readability through sizing
  • ✕ Don't mix brand elements inconsistently