JimLiu-baoyu-skills/skills/baoyu-slide-deck/references/styles/dark-atmospheric.md

2.4 KiB

dark-atmospheric

Dark moody aesthetic with deep colors and glowing accent elements

Design Aesthetic

Cinematic dark mode aesthetic with atmospheric depth. Deep purples, blacks, and rich shadows with glowing accents creating dramatic visual contrast. Mysterious, sophisticated, and visually striking. Perfect for evening events, creative industries, and premium brand presentations.

Background

  • Color: Deep Purple-Black (#0D0D1A) or Rich Navy (#1A1A2E)
  • Texture: Subtle gradient from darker edges to slightly lighter center, atmospheric fog effect

Typography

Primary Font (Headlines)

Elegant serif or refined sans-serif in light/white. High contrast against dark background. Medium to bold weight. Letterforms may have subtle glow effect.

Secondary Font (Body)

Clean sans-serif in light gray or muted white. Readable against dark backgrounds. Regular weight with generous line height.

Color Palette

Role Color Hex Usage
Background Deep Purple-Black #0D0D1A Primary background
Alt Background Rich Navy #1A1A2E Secondary areas
Primary Text Pure White #FFFFFF Headlines
Secondary Text Light Gray #A0AEC0 Body text
Glow Accent 1 Electric Purple #8B5CF6 Primary glow
Glow Accent 2 Cyan Blue #06B6D4 Secondary glow
Glow Accent 3 Magenta Pink #EC4899 Tertiary accent
Glow Accent 4 Amber #F59E0B Warm highlights
Subtle Dark Gray #2D3748 Dividers, borders

Visual Elements

  • Glowing accent elements and borders
  • Subtle gradient backgrounds
  • Atmospheric fog or particle effects
  • Neon-style highlights on key elements
  • Silhouettes with backlit edges
  • Audio waveforms or sound visualizations
  • Radiating light circles and orbs
  • Cinematic letterboxing optional

Style Rules

Do

  • Maintain high contrast for readability
  • Use glowing effects sparingly for emphasis
  • Create atmospheric depth with gradients
  • Design dramatic visual focal points
  • Keep text crisp against dark backgrounds

Don't

  • Overuse neon effects (less is more)
  • Create low-contrast text combinations
  • Use bright backgrounds
  • Add cluttered busy elements
  • Add slide numbers, footers, or logos

Best For

Entertainment presentations, music and audio content, creative agency pitches, evening events, premium brand reveals, gaming content, cinematic storytelling, tech product launches