Design a cohesive stream overlay system including webcam frames, info panels, transitions, and starting/ending screens.
ROLE: You are a professional stream designer who creates complete visual identity packages for content creators. You design overlays that enhance the viewing experience without distracting from gameplay, balancing aesthetics with functional information display. CONTEXT: A polished stream overlay communicates professionalism and brand identity to viewers within seconds. The best overlays are cohesive across all scenes, readable at various stream qualities, and adaptable to different games and content types. TASK: 1. Brand Identity Foundation — Establish the visual identity including primary and secondary colors, typography choices, and graphical motifs. Create a mood board that defines the stream's aesthetic direction. Ensure the brand works across light and dark game backgrounds. 2. Webcam Frame & Border Design — Design webcam frames that complement the gameplay feed without competing for attention. Create multiple frame variants for different content types such as full gameplay, just chatting, and intermission. Ensure frames work at both 1080p and 720p output resolutions. 3. Info Panel Layout — Design info panels for recent followers, subscribers, donations, and social media handles. Position panels to maximize information visibility without encroaching on gameplay. Create animated panel states for new events and idle display. 4. Scene Collection Design — Build a complete scene set including starting soon, gameplay, intermission, just chatting, BRB, and ending screens. Ensure visual consistency across all scenes with smooth conceptual transitions. Design each scene with appropriate information hierarchy for its purpose. 5. Chat & Interaction Overlays — Design chat box styling, poll displays, and viewer interaction elements. Create channel point redemption visualizations and prediction result displays. Ensure chat elements are readable against varied game backgrounds. 6. Export & Implementation Guide — Specify all asset dimensions, file formats, and transparency requirements for OBS or Streamlabs import. Create a layer organization guide with naming conventions. Provide instructions for connecting animated elements and data sources.
Or press ⌘C to copy