Brand

Brand assets

Logos, colors, and usage rules for Enhalon. Download what you need, follow the guidelines, and ask if anything is unclear.

Logos

Full logo, light

Full logo, light

For use on white or light backgrounds.

Full logo, dark

Full logo, dark

For use on dark or photographic backgrounds.

Mark, light

Mark, light

Just the symbol. Use for avatars, small spaces, and where the wordmark would be illegible.

Mark, dark

Mark, dark

Symbol-only on dark backgrounds.

App icon

App icon

Square badge used for favicons, apple-touch-icon, and PWA install.

Colors

Primary

#0161ef

Buttons, links, brand mark background.

Secondary

#0154cf

Button hover, focus rings.

Accent

#6d28d9

Highlights and selection states.

Ink

#101010

Body text on light backgrounds.

Paper

#ffffff

Light theme background.

Midnight

#030620

Dark theme background.

Usage

Do

  • · Use the SVG sources whenever possible. They are the source of truth.
  • · Match the variant to its background: light variants on light, dark variants on dark.
  • · Give the logo clear space equal to the height of the mark on every side.
  • · Use the mark alone when the full wordmark would be smaller than 80px wide.

Don't

  • · Do not recolor, redraw, or apply effects to the logo.
  • · Do not stretch, skew, or rotate the logo.
  • · Do not place the logo on busy photography without the badge variant.
  • · Do not regenerate raster files by hand. Edit the SVG sources and run npm run icons.