Moods Reference

Each mood is a complete visual system controlling roughly 50 design parameters. This page documents what each mood provides and how moods interact with other language features.

The Six Moods

confident

Clean, professional, structured. The default mood and the safest choice for most content.

  • Background: Dark navy (#0F172A)
  • Primary text: White (#FFFFFF)
  • Accent: Blue (#4A90D9)
  • Font: Inter, -0.02em letter spacing
  • Default entrance: fade
  • Spring physics: Medium tension, controlled settle
  • Camera default: still
  • Best for: Product launches, SaaS demos, corporate presentations, investor decks

calm

Warm, approachable, unhurried. Generous spacing and gentle motion.

  • Background: Light cream
  • Primary text: Dark warm gray
  • Accent: Green (#5B8C5A)
  • Font: Inter
  • Default entrance: fade
  • Spring physics: Low tension, slow settle
  • Camera default: breathe
  • Best for: Wellness, education, meditation apps, onboarding flows, tutorials

dramatic

Bold, cinematic, high-contrast. Slower motion with deliberate weight.

  • Background: Near-black (#0A0A0A)
  • Primary text: White
  • Accent: Red (#E63946)
  • Font: DM Sans, tight letter spacing
  • Default entrance: rise
  • Spring physics: High mass, slow settle
  • Camera default: push-in
  • Best for: Brand films, product reveals, announcements, keynote openers

elegant

Refined, tasteful, restrained. Minimal motion with maximum polish.

  • Background: Deep indigo
  • Primary text: Off-white
  • Accent: Gold (#C4A35A)
  • Font: DM Sans
  • Default entrance: fade
  • Spring physics: Smooth, no overshoot
  • Camera default: still
  • Best for: Luxury brands, finance, premium services, fashion

playful

Fun, energetic, bouncy. Warmer colors and more exuberant animation.

  • Background: Warm cream
  • Primary text: Dark charcoal
  • Accent: Orange (#FF6B35)
  • Font: Nunito
  • Default entrance: bounce
  • Spring physics: Low damping, more overshoot
  • Camera default: breathe
  • Best for: Social media, youth brands, community content, casual announcements

urgent

Fast, punchy, high-energy. Aggressive pacing and stark contrast.

  • Background: Black (#000000)
  • Primary text: White
  • Accent: Red-orange (#FF3D00)
  • Font: Inter, tight spacing
  • Default entrance: pop
  • Spring physics: High tension, snappy
  • Camera default: still
  • Best for: Flash sales, limited offers, breaking news, countdowns

Mood Variants

Each mood has five variants that shift its expression while maintaining its core character. Variants adjust palette shades, font weight preferences, and entrance weighting. The compiler picks a variant deterministically based on your content — the same script always produces the same variant. Different scripts may get different variants automatically.

Six moods with five variants each gives Workshop 30 distinct visual identities.

Mood Composition

Combine two moods with +. The first mood controls kinetics (timing, easing, spring physics, entrance behavior). The second controls surface (palette, typography, spacing).

text
Film "Quarterly Review"
  mood: elegant + confident

This gives you the smooth, restrained motion of elegant with the clean blue-and-navy palette of confident.

What Mood Controls

Each mood resolves to parameters across these categories:

  • Palette — background, primary, accent, muted, contrast colors
  • Typography — font family, letter spacing, default weight, line height
  • Timing — entrance duration, exit duration, hold multiplier, beat duration
  • Easing — spring mass, tension, friction, damping ratio
  • Entrances — weighted probability of each entrance type
  • Transitions — default scene transition type and duration
  • Spacing — element margins, line height, gap between elements
  • Camera — default camera movement
  • WCAG — all mood palettes maintain AA contrast ratios

Next Steps