create-instructional-image

name	create-instructional-image
description	Create an ethPandaOps-style instructional/explainer image for Ethereum concepts. Generates clean whiteboard-aesthetic diagrams following the ethPandaOps/investigations visual style guide.

Core Philosophy: "Less is More"

The primary goal of EthPandaOps explainer images is instant cognitive comprehension of complex technical topics. The aesthetic is merely a vehicle for clarity. Every element on the screen must serve a functional purpose. If it doesn't aid understanding, remove it. The style is clean, clinical, and highly structured, evoking a master teacher outlining a concept on a fresh whiteboard.

1. The Canvas & Foundation

• Background: A clean, brightly lit whiteboard surface. It should have subtle, realistic textures (minimal dry-erase residue, slight surface imperfections) to ground it in reality, but it must never look dirty or cluttered.
• Framing: The physical whiteboard frame (tray with erasers/markers) serves as a subtle boundary but remains peripheral. The focus is entirely on the content within the frame.
• Lighting: Even, bright, clinical lighting. No dramatic shadows.

2. Color Palette (Strictly Functional)

Colors are used sparingly and only to communicate state or function. Avoid gradients or purely decorative coloring.

• Primary Charcoal: (e.g., Hex #2C3E50 or similar deep off-black). Used for all primary text, outlines, containers, and neutral icons.
• Functional Green: (e.g., a clear, mid-tone emerald). exclusively for positive states: success, attestation, finalized, active.
• Functional Red: (e.g., a clear, mid-tone crimson). Exclusively for negative states: missed, failed, error, slashing.
• Neutral Grey: Used for inactive, pending, or future states (often combined with dotted lines).

3. Typography & Linework

• Font: A clean, modern, highly readable sans-serif font. No handwriting or "sketch" fonts.
• Hierarchy: Bold, large uppercase for Main Titles. Clear, standard weight for labels and secondary text.