WebsiteKilat
ID
Conceptual Narrative Cartography showcase for the fictional HOMEWARD migration memory archive: an exhibition map tracing one fictional family's route through time with dates, voices, objects, uncertainty, and changing geographic scale.
All styles

Design direction / expressive

Narrative Cartography

Use geography as the structure for story, choice, memory, and consequence.

Choose this style

01 / Overview

Feels editorial, exploratory, place specific, with a deliberate rather than generic personality.

Signature move

A route accumulates voices, evidence, and state as it moves through place and time.

Intensity
expressive
Versatility
4 / 5
ID
narrative-cartography

02 / Example art

Narrative Cartography

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

Conceptual Narrative Cartography showcase for the fictional HOMEWARD migration memory archive: an exhibition map tracing one fictional family's route through time with dates, voices, objects, uncertainty, and changing geographic scale.
Use geography as the structure for story, choice, memory, and consequence.

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

tourism / journalism / logistics / history / real estate / climate

Business goals

explore / explain / remember / choose

A strong choice when

Strong when tourism, journalism, logistics, history need to explore, explain, remember 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
Map and story remain synchronized; route, place detail, voice, and time each have stable zones.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
Cartographic labels, readable narrative text, and distinctive place or chapter markers.
04Color
Terrain, time, route, and consequence colors share one legend and accessible redundancy.
05Imagery
Ground-level, archival, aerial, object, and portrait evidence stays attached to exact places.
06Material
Fold, contour, grid, compass, annotation, and route marks come from the subject's mapping context.
07Motion
Travel, zoom, and timeline shifts preserve location and allow pause, jump, or text-only reading.

Adaptation

Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual tourism, journalism, logistics context rather than copying a finished reference.

Accessibility

Use progressive disclosure, stable alignment, and generous line spacing for dense information. 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.

  • 01portolan chart
  • 02scrollytelling
  • 03panoramic map
  • 04photo essay

Guardrail

Use local names, indigenous or contested geographies, borders, and data sources accurately and visibly.

07 / Agent recipe

narrative-cartography

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 Narrative Cartography, applied to HOMEWARD, a clearly migration memory archive.
Scene/backdrop: an exhibition map tracing one fictional family's route through time with dates, voices, objects, uncertainty, and changing geographic scale.
Style/medium: A coherent contemporary design world, not a collage of references. Use geography as the structure for story, choice, memory, and consequence.
Composition/framing: Map and story remain synchronized; route, place detail, voice, and time each have stable zones. Keep all important content inside an 8 percent safe margin.
Typography: Cartographic labels, readable narrative text, and distinctive place or chapter markers.
Color palette: Terrain, time, route, and consequence colors share one legend and accessible redundancy.
Imagery: Ground-level, archival, aerial, object, and portrait evidence stays attached to exact places.
Materials/textures: Fold, contour, grid, compass, annotation, and route marks come from the subject's mapping context.
Text (verbatim): "HOMEWARD". No other readable words.
Constraints: Original fictional concept; visibly applied to map, editorial, exhibition; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: decorative map background, scroll hijacking, story points detached from real geography, 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: decorative map background.
  • Avoid: scroll hijacking.
  • Avoid: story points detached from real geography.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    Osher Map Library

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

  2. 02

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

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

  3. 03

    国際日本文化研究センター — 吉田初三郎式鳥瞰図データベース

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

  4. 04

    LIFE

    Role: cultural context · 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