One language.
Every visual.
A machine-readable contract for how things look, move, behave and render. Independent of tools, platforms and frameworks.
OPEN FORMAT · JSON SCHEMA · VERSION 1.0 RC
{ "visualSpec": "1.0", "profiles": ["ui"], "components": [{ "id": "button.primary", "kind": "action.button", "appearance": { "fill": "{color.brand}", "radius": "8px" } }]}
A shared contract between design and code.
Preserve the intent.
Change the medium.
Capture what matters once. Give every implementation the same references, visual rules and criteria for success.
More than pixels.
Meaning, included.
Why Visual Spec ↗References are first-class.
A region of an image. A moment in a video. A Figma node. Address the exact evidence behind a visual decision, and preserve where it came from.
Describe what, not how.
A dialog is more than a rectangle. Capture its anatomy, states and accessible behavior. Let each platform choose the right implementation.
Make correctness explicit.
Bring structure, semantics, accessibility, motion and visual fidelity into one validation contract. Replace “close enough” with agreed criteria.
Built for a visual world.
Start with the profile you need. Combine profiles when your experience crosses boundaries.
Interfaces
Components, layouts, states and accessible interactions.
Images
Composition, subjects, lighting and visual language.
Illustration
Vector primitives, shapes, paths and graphic systems.
Documents
Pages, reading order, print and flowing content.
Presentations
Slides, masters, transitions and speaker context.
Video
Shots, sequences, cameras and synchronized media.
Motion graphics
Property tracks, keyframes and choreographed motion.
3D scenes
Spatial entities, materials, cameras and lighting.
Games
Worlds, characters, HUDs and visual state mappings.
From idea to explicit.
Explore a real document. Change it. Validate it.