# Isotype × Scrollytelling — composed image prompt # IndexStyle — https://indexstyle.org/compose?ids=isotype+scrollytelling # Isotype carries the structure. Scrollytelling appear as accents, each further back than the last. # Style descriptors only. Never imitates a specific artist, studio, brand or work. An original image that takes its structure from Isotype (Layout, 1920s–1940s) and its accent from Scrollytelling (Layout, 2012–). Structural cues: Unified pictograms; Repetition of signs; Axes of comparison; Restricted color. Accent cues, used sparingly: A graphic that holds still on screen while a single narrow column of text passes over it; Changes made by opacity and by moving a map, so that scrolling back undoes them in the same order; Photography, video and data visualization sharing one article; A path that is either straight through or branches into an optional deeper detour and returns. Composition: Fix the unit per symbol; show change by count, never by size. Type and lettering: Short labels and clear figures; prose stays outside the chart. Let one material quality come from the second style: Build only changes that can run backwards, such as opacity crossfades and map moves, each tied one to one with scroll distance.. Mood: Trust, Technology, Intimacy. Color: build on #eee7d3, #b9362c, #2c4e72 with a single accent drawn from #000000, #FFFFFF, #4A4A4A. Constraints: do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. Produce an original composition in the general period languages described above. # Where the two fight # - Roughly 92 years apart. Keep one of them recognisably period rather than letting both drift into the middle. # Cautions carried from each entry # - Isotype: Never scale one big symbol to show a difference. Always show unit, base and source. # - Scrollytelling: Tying a one shot animation to the scroll leaves a reader who scrolls back looking at nothing, and makes the middle of the article impossible to reread. # Design specs: https://indexstyle.org/styles/isotype/design.md · https://indexstyle.org/styles/scrollytelling/design.md