Brand Guide

Comprehensive visual identity system for LUMEN, a transformative night event in New York City.

Color System

Neon Yellow

Primary brand color

HEX
RGB255, 255, 0
UsageHeadlines, CTAs, Accents

Neon Cyan

Secondary accent

HEX
RGB0, 255, 255
UsageBorders, Highlights

Neon Magenta

Tertiary accent

HEX
RGB255, 0, 255
UsageGlitch Effects, Borders

Pure Black

Background

HEX
RGB0, 0, 0
UsagePrimary Background

Typography

Display Font

SPACE MONO

Bold, geometric, and technical. Used for headlines, titles, and prominent text.

Font Family: Space Mono

Weight: 400, 700

Style: Uppercase, Wide Letter-Spacing

Source: Google Fonts

Body Font

Roboto

Clean, readable, and modern. Used for body text, descriptions, and supporting content.

Font Family: Roboto

Weight: 400, 700

Style: Regular, Bold

Source: Google Fonts

Typography Scale

Display XL

Used for main headlines and hero sections. Size: clamp(2.5rem, 8vw, 7rem)

Display Large

Used for section headers. Size: clamp(2rem, 6vw, 5rem)

Display Medium

Used for subsections. Size: clamp(1.5rem, 4vw, 3rem)

Effects & Animations

Neon Glow

Glowing text shadow effect applied to primary headlines and important elements.

GLOWING TEXT

Pulsing Effect

Continuous brightness animation for emphasis and visual interest.

PULSING TEXT

Glitch Effect

RGB channel separation effect on hover for dynamic interaction.

HOVER ME

Usage Guidelines

Do's

  • ✓Use neon yellow for primary CTAs and headlines
  • ✓Maintain high contrast between text and background
  • ✓Apply glow effects to emphasize key elements
  • ✓Use uppercase typography for impact
  • ✓Incorporate diagonal layouts and asymmetry

Don'ts

  • ✗Don't use soft colors or pastel tones
  • ✗Don't reduce contrast for aesthetic reasons
  • ✗Don't mix multiple serif fonts
  • ✗Don't use light backgrounds
  • ✗Don't overuse animations (keep it purposeful)