JimLiu-baoyu-skills/skills/baoyu-slide-deck/references/dimensions/mood.md

4.0 KiB

Mood Dimension

Color temperature and palette style.

Options

Option Color Temperature Palette Style Best For
professional Cool-neutral Navy, gold, structured grays Business, investor, corporate
warm Warm Earth tones, oranges, natural colors Education, friendly, approachable
macaron Warm Pastel blocks (blue, mint, lavender, peach) on cream Educational diagrams, knowledge sharing
cool Cool Blues, grays, cyan, teal Technical, data, analytical
vibrant Varied High saturation, bold colors Marketing, creative, attention-grabbing
dark Dark Deep backgrounds with bright accents Entertainment, gaming, atmospheric
neutral Neutral Minimal color, grayscale focus Executive, minimal, sophisticated

Palette Specifications

professional

Background: #FFFFFF (Pure White)
Primary Text: #1E3A5F (Navy)
Secondary Text: #4A5568 (Dark Gray)
Accent 1: #C9A227 (Gold)
Accent 2: #3D5A80 (Light Navy)

warm

Background: #FAF8F0 (Warm Off-White)
Primary Text: #2C3E50 (Deep Charcoal)
Secondary Text: #4A4A4A (Deep Brown)
Accent 1: #F4A261 (Soft Orange)
Accent 2: #E9C46A (Mustard Yellow)
Accent 3: #87A96B (Sage Green)

macaron

Background: #F5F0E8 (Warm Cream)
Primary Text: #2D2D2D (Deep Charcoal)
Muted Text: #6B6B6B (Warm Gray)
Macaron Blue: #A8D8EA (Sky Blue)
Macaron Mint: #B5E5CF (Mint Green)
Macaron Lavender: #D5C6E0 (Lavender)
Macaron Peach: #FFD5C2 (Peach)
Accent: #E8655A (Coral Red)

cool

Background: #FAF8F5 (Blueprint Off-White)
Primary Text: #334155 (Deep Slate)
Secondary Text: #64748B (Slate Gray)
Accent 1: #2563EB (Engineering Blue)
Accent 2: #1E3A5F (Navy Blue)
Accent 3: #BFDBFE (Light Blue)

vibrant

Background: #FFFFFF or #1A1A2E (Light or Dark)
Primary Text: #1A1A2E or #FFFFFF
Accent 1: #E94560 (Coral Red)
Accent 2: #0F3460 (Deep Blue)
Accent 3: #16C79A (Teal Green)
Accent 4: #F9B208 (Golden Yellow)

dark

Background: #0D1117 (Deep Black)
Primary Text: #E6EDF3 (Soft White)
Secondary Text: #8B949E (Muted Gray)
Accent 1: #58A6FF (Bright Blue)
Accent 2: #7EE787 (Bright Green)
Accent 3: #FF7B72 (Coral)

neutral

Background: #FFFFFF (Pure White)
Primary Text: #18181B (Near Black)
Secondary Text: #71717A (Medium Gray)
Accent 1: #18181B (Black)
Accent 2: #A1A1AA (Light Gray)

Rendering Guidelines

professional

  • Restrained use of accent colors
  • Gold for emphasis only
  • Clean, institutional feel
  • Balanced contrast

warm

  • Generous use of warm tones
  • Natural, approachable colors
  • Soft transitions between colors
  • Welcoming atmosphere

macaron

  • Soft pastel color blocks as distinct information zones
  • Each zone uses one macaron color (blue, mint, lavender, peach)
  • Coral Red accent used sparingly for emphasis
  • Warm cream background maintains friendly, approachable feel

cool

  • Blue-dominant palette
  • Technical precision in color use
  • High contrast for clarity
  • Analytical, trustworthy feel

vibrant

  • Bold color combinations
  • High saturation throughout
  • Dynamic color contrasts
  • Energetic visual presence

dark

  • Deep backgrounds dominate
  • Accent colors pop against dark
  • Glowing/luminous effects
  • Cinematic atmosphere

neutral

  • Minimal color usage
  • Typography carries weight
  • Grayscale hierarchy
  • Maximum sophistication

Combination Notes

Mood Works Best With Avoid With
professional clean texture, geometric typography organic texture, handwritten
warm organic texture, humanist typography pixel texture, minimal density
macaron organic texture, handwritten typography pixel texture, dark mood
cool grid texture, technical typography paper texture, handwritten
vibrant pixel/organic texture, editorial typography neutral mood overlaps
dark clean/pixel texture, technical typography paper texture
neutral clean texture, geometric typography organic texture, vibrant elements