Cause-and-Effect Simulation — Visual Composition / Viewfinder Variant

What it does

• Live visual controls — sliders or dials adjust framing, exposure, balance, or other visual variables
• Real-time image update — the central image responds the moment any input changes
• Side-by-side comparison option — see the current take next to a previous one
• Guided rule-of-thumb cards — short callouts explain what each variable does to the result
• Reset to baseline — return to a known starting composition
• Closing principle — a takeaway translates the practice into the underlying rule

Best use cases

• Photography — exposure triangle, framing, focal length and compression
• Graphic design — typographic hierarchy, color contrast, whitespace tradeoffs
• Video and film — shot framing, lens choice, lighting balance
• Art and illustration — composition rules, color temperature, value structure
• Branding — logo proportion, mark vs wordmark, color accessibility
• Web and product design — layout density, button hierarchy, hero composition

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for page background, control surface, accent, and harmonious vs disharmonious outcome tones
• Fonts — an editorial display font for the title and a clean body font for input labels and rule-of-thumb cards
• Copy — title, framing intro, input labels, rule-of-thumb cards, and closing principle
• Images — the central composed image that responds to inputs (could be a photo, illustration, layout mockup, or video frame)
• Behavior — choose how many inputs the learner controls, whether the simulation supports comparison mode, and how aggressive each variable is