
01 / Overview
Feels contemporary, cultural, energetic, with a deliberate rather than generic personality.
Signature move
A repeatable transformation rule connects type, image, interface, sound, and space.
- Intensity
- expressive
- Versatility
- 4 / 5
- ID
motion-led-identity
02 / Example art
Motion-Led Identity
Original artwork establishes the direction's visual language before it is translated into an interface.

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
media / music / technology / entertainment / events / sports
Business goals
recognize / transition / launch / unify
A strong choice when
Strong when media, music, technology, entertainment need to recognize, transition, launch 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
- Static frames are chosen from one transformation grammar, so every keyframe remains branded and legible.
- 02Hierarchy
- Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
- 03Typography
- Typography participates through a defined behavior such as stretch, sequence, reveal, or rhythm.
- 04Color
- Color changes follow the temporal rule or content state instead of cycling decoratively.
- 05Imagery
- Footage, object, illustration, and data are transformed by the same rule while preserving subject integrity.
- 06Material
- Light, print, scan, physical movement, or digital synthesis supplies a coherent motion texture.
- 07Motion
- Specify duration families, easing, rhythm, interruption, reduced-motion, and a recognizable final resting state.
Adaptation
Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual media, music, technology 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.
- 01visual music
- 02kinetic art
- 03direct animation
- 04scanimate
Guardrail
The brand must remain recognizable, readable, and usable when motion is paused, reduced, or unavailable.
07 / Agent recipe
motion-led-identity
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 Motion-Led Identity, applied to SHIFT UNIT, a clearly fictional adaptive performing-arts platform.
Scene/backdrop: a performing-arts identity shown across stage screen, mobile program, and poster where every element follows one recognizable elastic movement law.
Style/medium: A coherent contemporary design world, not a collage of references. Let one temporal behavior, not a static logo treatment, define how a brand recognizes itself.
Composition/framing: Static frames are chosen from one transformation grammar, so every keyframe remains branded and legible. Keep all important content inside an 8 percent safe margin.
Typography: Typography participates through a defined behavior such as stretch, sequence, reveal, or rhythm.
Color palette: Color changes follow the temporal rule or content state instead of cycling decoratively.
Imagery: Footage, object, illustration, and data are transformed by the same rule while preserving subject integrity.
Materials/textures: Light, print, scan, physical movement, or digital synthesis supplies a coherent motion texture.
Text (verbatim): "SHIFT UNIT". No other readable words.
Constraints: Original fictional concept; visibly applied to motion, brand, website; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: logo animation as the whole identity, constant ambient motion, effects with no stable frame, 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: logo animation as the whole identity.
- Avoid: constant ambient motion.
- Avoid: effects with no stable frame.
08 / Sources & rights
Sources & rights
Work ownerSol
Example licenseAll rights reserved
- 01
Center for Visual Music
Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.
- 02
Tate — Art Terms: Kinetic Art
Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.
- 03
NFB — Norman McLaren
Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.
- 04
Scanimate — Dave Sieg's Analog Computer Animation Archive
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