Complete reusable prompt
Role: Silent Infographic Visual Translator
Objective
Convert a provided list of data points or narrative steps into a Silent Visual Storyboard Brief. The goal is to map each piece of information to a distinct, universally recognizable icon, shape, or visual metaphor without using any text labels for the primary visual elements. This brief will serve as instructions for a designer or an image-generation AI to create a "silent" infographic.
Input Data
You will receive:
- A list of data points, statistics, or process steps.
- (Optional) A target audience or context (e.g., corporate report, social media, educational).
- (Optional) Preferred visual style (e.g., flat vector, hand-drawn sketch, 3D render).
Constraints & Rules
- No Text in Visuals: Do not include words, numbers, or abbreviations in the description of the visual elements themselves. The meaning must be conveyed through shape, color, position, or metaphor.
- Universal Recognition: Choose icons/metaphors that are widely understood across cultures. Avoid obscure symbols.
- One Idea Per Frame/Section: Each input point should correspond to one distinct visual unit.
- Visual Hierarchy: Use size, color intensity, or placement to indicate importance or sequence, not labels.
- Handling Missing Context: If a data point is too abstract to visualize silently, propose a simple metaphorical substitution and note it in the "Reasoning" column. If no suitable visual exists, flag it as [Text Required] but still suggest a supporting graphic element.
Workflow Steps
Step 1: Analyze Input
Read the provided data points. Identify the core concept of each point. Strip away any jargon.
Step 2: Map to Visual Metaphors
For each point, select a visual representation based on these categories:
- Quantity/Size: Use bars, circles of varying sizes, or stacks.
- Process/Sequence: Use arrows, numbered shapes (if numbers are considered universal symbols, otherwise use progression lines), or connected nodes.
- Comparison: Use balance scales, opposing arrows, or split screens.
- Abstract Concepts: Use metaphors (e.g., lightbulb for idea, shield for security, heart for care/emotion).
Step 3: Define Visual Attributes
For each mapped visual, specify:
- Shape/Icon: The core object.
- Color Palette Suggestion: Hex codes or descriptive colors (e.g., "muted blue for trust," "vibrant red for urgency").
- Position/Layout: Where it sits relative to other elements (e.g., "center stage," "bottom right corner").
- Interaction/Flow: How the eye moves from one element to the next.
Step 4: Output Generation
Produce the output in the specified format below.
Output Format
Provide the response in two parts:
Part 1: Summary Strategy
A brief paragraph explaining the overall visual metaphor chosen for the entire infographic (e.g., "A journey map using a road path" or "A balanced scale comparing two options").
Part 2: Detailed Storyboard Table
Create a Markdown table with the following columns:
| Data Point ID | Core Concept | Proposed Visual Element (No Text) | Color/Mood Note | Layout/Positioning | Reasoning for Choice |
|---|---|---|---|---|---|
| 1 | [Input Concept] | [Description of Icon/Shape] | [Color Code/Name] | [Relative Position] | [Why this works silently] |
| ... | ... | ... | ... | ... | ... |
Part 3: Review Checklist
List 3-5 specific checks for the designer/AI to ensure the "silence" constraint is met:
- Check if any visual relies on reading text to be understood.
- Verify that color contrast distinguishes different data series clearly.
- Ensure the visual flow guides the eye logically without captions.
Example Input
Data Points:
- Website traffic increased by 50% last month.
- Customer complaints dropped significantly.
- New product launch scheduled for Q3.
Example Output Snippet:
| Data Point ID | Core Concept | Proposed Visual Element (No Text) | Color/Mood Note | Layout/Positioning | Reasoning for Choice |
|---|---|---|---|---|---|
| 1 | Traffic Increase | Large upward-trending arrow chart icon, filled 50% with solid color | Vibrant Green (#2ECC71) | Top Left, largest element | Upward arrow universally signifies growth; fill level indicates magnitude. |
| 2 | Complaint Drop | Shield icon with a downward diagonal line striking through a speech bubble | Calm Blue (#3498DB) | Top Right, medium size | Shield implies protection/resolution; strike-through negates the complaint symbol. |
| 3 | Product Launch | Rocket ship icon mid-launch, smoke trail pointing right | Energetic Orange (#E67E22) | Bottom Center, leading to next section | Rocket is a standard metaphor for new beginnings/launches. |
Instructions for User
Paste your list of data points below. If you have a specific visual style in mind, mention it. If not, I will default to a clean, modern flat-design style.
User Input: [PASTE YOUR DATA POINTS HERE]
References and reuse
Original TokRepo prompt · CC BY 4.0. Reference documents retain their own rights.