WebsiteKilat
ID
Conceptual Data Theater showcase for the fictional TIDE 2040 coastal futures exhibition: an immersive but accurate exhibition where one sea-level change becomes a dramatic spatial event with scale, source, and comparison visible.
All styles

Design direction / expressive

Data Theater

Stage a consequential finding so an audience experiences its scale, contrast, and turning point without losing the evidence.

Choose this style

01 / Overview

Feels editorial, dramatic, expert, with a deliberate rather than generic personality.

Signature move

One data relationship changes the whole frame at the exact moment the argument turns.

Intensity
expressive
Versatility
5 / 5
ID
data-theater

02 / Example art

Data Theater

Original artwork establishes the direction's visual language before it is translated into an interface.

Conceptual Data Theater showcase for the fictional TIDE 2040 coastal futures exhibition: an immersive but accurate exhibition where one sea-level change becomes a dramatic spatial event with scale, source, and comparison visible.
Stage a consequential finding so an audience experiences its scale, contrast, and turning point without losing the evidence.

03 / Website example

Try the page as a working experience

Explore this responsive page directly inside the catalog. Its primary navigation, controls, and interactions are live; open it full screen to experience the original composition.

Examples are in production

The direction is available now. Its brand websites are being built as independent sites and will appear here during local production.

04 / Fit

Suitable for

Suitable for

consulting / research / finance / media / public service / education

Business goals

persuade / reveal / compare / remember

A strong choice when

Strong when consulting, research, finance, media need to persuade, reveal, compare through a memorable but repeatable visual system.

Avoid when

Avoid when the brief needs complete visual neutrality or when this direction would compete with essential information and actions.

05 / Design system

Design system

Rules that should remain coherent as content, devices, and business needs change.

01Composition
One evidence-led scene at a time, strong pacing, stable annotation, and deliberate returns to context.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
Large numeric or verbal claims with quiet methodology, source, and qualifier typography.
04Color
A restrained evidence palette where one contrast encodes the argument's decisive difference.
05Imagery
Charts, maps, documentary evidence, and scale references share a single visual coordinate system.
06Material
Stage light, projection, plotting, and editorial annotation cues without fake spectacle.
07Motion
Build, compare, isolate, and return; every animated claim has a readable static state.

Adaptation

Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual consulting, research, finance context rather than copying a finished reference.

Accessibility

Preserve a visible reading order and sufficient working space. Provide an equivalent reduced-motion state. Meet WCAG AA contrast, visible focus, 44px targets, and never encode meaning through color or style alone.

06 / Background

Background

These lineages are source-linked research doors, not permission to copy a particular work or brand.

  • 01scrollytelling
  • 02explorable explanations
  • 03visual music
  • 04isotype

Guardrail

Preserve sources, uncertainty, axes, and comparison baselines even when pacing for impact.

07 / Agent recipe

data-theater

Use the stable ID and recipe to give design agents the same context. Always adapt the output to the real business.

Prompt recipe

Use case: stylized-concept
Asset type: Aesthetic Directions Encyclopedia showcase, 3:2 landscape master
Primary request: Create one polished freeform showcase for Data Theater, applied to TIDE 2040, a clearly fictional coastal futures exhibition.
Scene/backdrop: an immersive but accurate exhibition where one sea-level change becomes a dramatic spatial event with scale, source, and comparison visible.
Style/medium: A coherent contemporary design world, not a collage of references. Stage a consequential finding so an audience experiences its scale, contrast, and turning point without losing the evidence.
Composition/framing: One evidence-led scene at a time, strong pacing, stable annotation, and deliberate returns to context. Keep all important content inside an 8 percent safe margin.
Typography: Large numeric or verbal claims with quiet methodology, source, and qualifier typography.
Color palette: A restrained evidence palette where one contrast encodes the argument's decisive difference.
Imagery: Charts, maps, documentary evidence, and scale references share a single visual coordinate system.
Materials/textures: Stage light, projection, plotting, and editorial annotation cues without fake spectacle.
Text (verbatim): "TIDE 2040". No other readable words.
Constraints: Original fictional concept; visibly applied to data-viz, environment, motion; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: chart junk, dramatic reveals that hide baselines, one huge statistic without context, real logos, watermarks, artist imitation, generic mood board, illegible filler text.
Pilot refinement: Make one dominant integrated real-world application readable at thumbnail scale. Secondary views may support it but must remain subordinate. Do not create an equal-weight tiled mood board or generic presentation collage unless sequencing is essential to the direction. Render the exact requested text correctly and do not invent other readable copy.

Working constraints

  • Use one coherent direction grammar, not a collage of style references.
  • Use only a fictional business and minimal exact text.
  • Do not imitate a living artist, real brand, client project, or proprietary campaign.
  • Preserve essential hierarchy, legibility, contrast, and reduced-motion equivalence.
  • Avoid: chart junk.
  • Avoid: dramatic reveals that hide baselines.
  • Avoid: one huge statistic without context.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    arXiv (IEEE TVCG 版) — ScrollyVis: Interactive visual authoring of guided dynamic narratives for scientific scrollytelling

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  2. 02

    Bret Victor — Explorable Explanations (2011, 一次資料)

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  3. 03

    Center for Visual Music

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  4. 04

    Gerd Arntz Web Archive — Gesellschaft und Wirtschaft

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

The choice will be carried into the Quick Brief and can still be removed before sending.

Choose this style