Livery

---
name: livery
description: "Explore coherent visual directions across colour, type, space, form, imagery, and motion. Use to invent a visual character, not to certify polish or run every atelier lens."
argument-hint: "[the UI / component / design system to give a coherent visual language]"
metadata:
  kind: heuristic
---

<!--
Copyright 2026 IamK77 — Licensed under the Apache License, Version 2.0.
See ./LICENSE and ./NOTICE · https://www.apache.org/licenses/LICENSE-2.0
-->

# livery

Explore coherent visual directions across colour, type, space, form, imagery, and motion. Use to invent a visual character, not to certify polish or run every atelier lens.

## Starting point

A visual identity can be an argument expressed through several senses. Look for one generative idea that changes more than decoration without forcing every dimension to shout.

Bring a question, fragment, reference, or tension. Follow whichever association becomes useful; these invitations are not a sequence to complete. Speculation should remain distinguishable from an observed fact.

## Thought experiments

### Translate an unlikely source

Choose a material, place, craft, or cultural form connected to the subject. Translate a relation—pace, contrast, layering, precision—into interface decisions. Avoid simply copying its surface.

### Hold one voice, change the orchestration

Keep the message fixed and imagine it spoken as an atlas, a studio instrument, and a handwritten field note. How do type, spacing, colour, and motion support each voice together?

### Compose a productive contradiction

Try warmth with precision, density with calm, or play with authority. Find the dimension that can carry each half rather than averaging them into blandness.

## A possible turn

A tide-monitoring tool could borrow the quiet layering of a nautical chart, the urgency of an instrument panel, or the patient annotations of a field notebook. A coherent direction emerges from those relationships, not from adding unrelated “premium” details.

## Leave the space open

Offer a few genuinely different possibilities, a sketch, an analogy, or a sharper question when useful. Do not turn every prompt into a scored diagnostic, a completion gate, or a demand for an action plan. The human may choose a direction, combine them, or leave the question open.

Use an atelier lens for a promising dimension, or systems when the human wants a selected direction turned into reusable tokens and components.

## Optional references

Read selectively when a thread needs another perspective or a concrete technique. The notes supply possibilities, examples, and limits; none is a prerequisite or a requirement to close the exploration.

- [Colour and light as a shared visual premise](references/color-and-light.md)
- [Translate a selected relationship into reusable implementation](references/css-and-tokens.md)
- [Material as a compositional choice](references/depth-form-texture.md)
- [A visual grammar rather than a collection of assets](references/icons-and-imagery.md)
- [Character through timing and continuity](references/motion-and-feel.md)
- [A visual voice across several dimensions](references/the-membrane.md)
- [Shared meaning across different rendering media](references/tokens-across-css-and-js.md)
- [Typography as a relationship with the reader](references/type.md)