08.08

Translations

What it is

A Translation is a manufactured product artifact, built in the product's design language, to express something that exists in the product's logic but has no literal UI state. Translations make the Taste Graph visible: the aesthetic reasoning and professional reasoning that Visualist builds over time on behalf of the professional. They are not screenshots. They cannot be captured. They can only be constructed.

Translations occupy Q4 in the asset quadrant alongside Simplifieds and Recordings. They are the most editorial of the three product registers. Where a Simplified shows the real product with noise removed, and a Recording shows the real product in motion, a Translation shows what the product knows. One Translation per surface. It does not share a frame with any other product asset type.

Translations at Visualist

Visualist builds a Taste Graph for every professional: an accumulated record of decisions, patterns, and judgments across their creative and professional practice. Translations are how that graph becomes visible.

The aesthetic dimension

The eye. What this professional's taste actually is, built from accumulated visual decisions. The colors that keep returning. The references that recur. The mood that runs through every moodboard they have ever built. The palette a client always approves even when they ask for something different.

The professional dimension

The practice. How this professional works, communicates, and makes decisions. How they structure a proposal. How they manage a client relationship. The judgment calls they make repeatedly. That this professional always sends a check-in at the same point in a project. That a particular client takes four days to respond and asks for one revision, so the timeline has been flagged accordingly.

Examples
Client taste
A client has asked for minimal across six briefs. She has approved warm, layered, and textural across seven proposals. Visualist has noticed. The Translation shows the gap.
Material signature
Linen appears in 8 out of 10 of a designer's approved schemes. Not a preference she has stated. A pattern Visualist has extracted from years of approved work. The Translation shows the frequency.
Communication rhythm
Every project that ended well had a check-in at week three. Every project that required revision did not. The professional never articulated this pattern. Visualist observed it across nine completed projects.
Color pattern
A client's approvals: earth tones, every time. The Translation shows the palette extracted from confirmed looks across a full season, alongside the colors consistently passed on.
Character
Frameless. No device chrome, no browser, no phone. The artifact floats within the frame with generous space on all sides. Nothing competes with it. This is what separates a Translation from a screenshot.
Background. Cotton (#FBFBFA) or an approved brand photo. When placed on a photo, a Leather (#1F1F1F) overlay at 40% opacity sits between the photo and the Translation to ensure legibility. On a dark photo, use a Cotton (#FBFBFA) overlay at 30% instead.
Built in the product's design language. Instrument Serif, Instrument Sans, Roboto Mono. The warm neutral palette. Correct spacing, border weight, and border radius from the design system. Tartuffo does not appear in Translations. No gradients, no shadows, no effects.
Vai is always the signal. Every Translation surfaces something Vai has observed or connected. The Wolfe (#9E4BBB) accent (dot, label, tag) marks Vai's presence consistently. It is not decorative. It tells the viewer that what they are seeing is the product's intelligence, not a user-facing screen.
One focal point. There is no fixed rule on the number of elements. The judgment is this: is there one clear focal point? If the eye has somewhere to land immediately, the Translation holds. If it does not, it has too much.
No actions. Translations are observational. They show what Visualist knows. They do not prompt the viewer to do anything. No buttons, no CTAs, no interactive states.
Where it appears
Surface
Notes
Marketing site
Hero sections and feature sections where the product's intelligence needs to be made visible. One Translation per section. The example shown must connect clearly to the surrounding content.
Social
Posts where the content is about what Visualist knows or has noticed. Any palette background. The Translation floats on Cotton or Parchment within the social frame.
Campaign
Campaign assets where a specific Taste Graph capability is being communicated. The Translation is the evidence. The copy is the claim.
Email
Header or feature position in emails that introduce a Taste Graph capability. Not in transactional or support email.
Product — onboarding
Feature introduction and tooltip contexts where a Taste Graph capability is being explained for the first time. Not within active working views.
Never
Alongside a Simplified or Recording in the same frame. In documentation or support contexts. As a substitute for showing the real product UI. With any interactive states, buttons, or calls to action.
Do / Don't
Do
  • Choose moments from the Taste Graph: aesthetic patterns, professional patterns, client contradictions, accumulated signals
  • Use the Wolfe accent consistently to mark Vai's presence
  • Keep the focal point singular and immediate
  • Float the artifact with generous space on all sides
  • Use Cotton or Parchment backgrounds as the default; use photo backgrounds only when the brief specifically calls for it
  • Build in the product's design language: correct type, color, spacing, and border weight
Don't
  • Show a screen a user can actually navigate to — that is a Simplified or Recording
  • Add actions, buttons, or interactive states
  • Use Tartuffo — stay in the product's type register
  • Use more than one Translation per surface
  • Combine with editorial photography in the same frame
  • Use real client names or real client data
  • Present as a screenshot or as documentation of how the product works
Right / Wrong

Run every Translation through these tests before submitting for approval. All must pass.

The Taste Graph test

Does this Translation show something from the Taste Graph — a pattern, a connection, a contradiction, an accumulated signal? If the moment shown could exist as a literal product screen a user navigates to, it is not a Translation. It is a Simplified or a screengrab.

The spark test

Does it create a feeling in under three seconds? "This understands me." "This noticed something I hadn't." "This is doing something I didn't ask for." If the viewer needs to read it carefully to understand what it is showing, the focal point is not clear enough.

The framing test

Is the artifact floating with generous space on all sides? No bleed crop, no edge contact, no device chrome. If it looks like a cropped screenshot or a panel inside a larger interface, it is not framed correctly.

The design language test

Instrument Serif, Instrument Sans, Roboto Mono only. Warm neutral palette. Correct spacing and border weight from the design system. No gradients, shadows, or effects. If a color, type style, or effect can't be found in the product design system, it does not belong.

The Vai signal test

Is Vai's presence marked with the Wolfe accent? A Translation without the Vai signal reads as a UI screenshot, not as an expression of the Taste Graph. The signal is not optional.

The anonymity test

Are all names, data, and content fictional? No real client names, no real professional names, no real project data. Translations use representative examples only. If real data is present, replace it before the asset enters any external context.

Generation brief

Translations are built in code using the product's design language. The brief defines what the Taste Graph moment is and how it is expressed visually. The sequence matters: moment, then signal, then layout.

Brief structure
1. The moment
What has Visualist noticed or connected? State it as a single sentence from the Taste Graph. "This client asks for one thing and approves another, consistently." "This professional's successful projects all share the same communication cadence." If the moment cannot be stated as a Taste Graph observation, it is not a Translation brief.
2. The dimension
Aesthetic (color, material, reference, mood) or professional (communication, workflow, judgment, client pattern). Determines what type of data or signal is shown and how it is organized.
3. The headline
The Instrument Serif line that makes the insight legible in a glance. It must land in under three seconds without explanation. Test it: read the headline alone, without the supporting data. If the insight is not clear, rewrite it before building.
4. The supporting data
What evidence supports the headline? Color swatches, frequency bars, signal tags, pattern counts. Choose the minimum needed to make the headline credible. If the supporting data requires the viewer to read carefully, reduce it further.
5. Fixed parameters
Fonts: Instrument Serif (headline), Roboto Mono (labels, eyebrow, tags), Instrument Sans (body). Background: Cotton (#FBFBFA) only. Vai signal: Wolfe (#9E4BBB) dot plus Roboto Mono eyebrow in Strong Wolfe (#6B1888). No actions. No real data. All names fictional.
Check the library before building. If an approved Translation already makes a similar Taste Graph observation, use it. New Translations are for genuine gaps, not for surface variety.
All new Translations require Founder review before entering the library. Do not use a Translation in any external context until it has been reviewed and approved.
Filename convention. translation-[sequence]-[slug], for example: translation-001-client-color-pattern
The library

All approved Translations. Check here before building new work.

Each entry notes the Taste Graph dimension (aesthetic or professional) and the moment being expressed.

Client taste · Amara Chen
Amara's approvals: earth tones, every time.
7 approvals
Camel outerwear
Approved
Terracotta separates
Approved
Cool grey palette
Passed on
Client taste
Aesthetic dimension
translation-001-client-color-pattern
Material signature · Sienna Png
Linen appears in 8 out of 10 of Sienna's approved schemes.
24 approved schemes
Linen
82%
Oak
61%
Plaster
48%
Marble
29%
Concrete
12%
Material signature
Aesthetic dimension
translation-002-material-signature
Communication pattern · Sienna Png
Every project that ended well had a check-in at week 3.
9 completed projects
W1
W2
W3
W4
W5
W6
W7
W8
With week 3 check-in
9 of 9 successful
Without week 3 check-in
3 of 3 needed revision
Communication rhythm
Professional dimension
translation-003-communication-rhythm
Preference gap · Georgie Hadjar
Georgie asks for minimal. She approves warm.
What she requests
Minimal, pared back
6 briefs
Cool, contemporary
4 briefs
What she approves
Warm, layered texture
7 of 8 proposals
Tactile natural materials
6 of 8 proposals
Client contradiction
Professional dimension
translation-004-client-contradiction