Skip to main content

🎨 Backstage Cinema – Style Guide

1. Color Palette​

Primary​

  • Cinematic Black – #0D0D0D
  • Spotlight White – #F5F5F5

Accents​

  • Golden Reel – #FFD700 (Premium accent, elevated feel)
  • Popcorn Yellow – #FFD64D (Playful secondary accent)
  • Orange Spotlight – #FF8C42 (Standout CTAs and alerts)

Support​

  • Gray Curtain – #2E2E2E (Panels, dividers)
  • Ticket Stub Beige – #F2E6D0 (Subtle highlights, UI hints)

2. Typography​

  • Headings: Bold, sans-serif, cinematic presence (e.g., Inter, Montserrat, Poppins).
  • Body: Clean sans-serif (e.g., Inter Regular, 16px minimum for legibility).
  • Emphasis: Use Gold (#FFD700) for premium highlights, Orange (#FF8C42) for urgent CTAs, Yellow (#FFD64D) for playful notes.

3. UI Usage​

  • Backgrounds: Black/Gray dominate, White for text clarity.
  • Buttons: Orange Spotlight = Primary actions (buy, sell, confirm).
    Gold = Secondary premium highlights (special features, VIP).
    Yellow = Light/quirky accents (fun elements, reminders).
  • Text: White as base, Gold/Orange sparingly for emphasis.
  • Icons/Highlights: Minimalist, flat style, accented with Gold or Orange.

4. Example Screens​

  • Login Screen: Black background, logo in White, CTA button in Orange Spotlight.
  • Dashboard: Dark Gray panels, White text, Gold for headings, Yellow for notifications, Orange for active states/actions.
  • POS Terminal: Black + White interface, Orange Spotlight for “Sell Ticket,” Gold for premium categories, Yellow for alerts like “Snacks running low.”

5. Logo Guidelines​

  • Keep it simple: “Backstage Cinema” in bold sans-serif.
  • Pair with slogan No Drama underneath in smaller font.
  • Works best in White or Gold on Black background.
  • For dark themes, invert with Black on White or Beige.

6. Visual Reference​

Backstage Cinema Color Palette

Color palette showing all seven brand colors with their hex codes and names