01
Project Overview
In the legal world, every interaction carries weight. As SpotDraft evolved from contract management into legal reasoning, the brand needed to pivot. AI adoption in this space isn't just about utility, it’s gated by trust. We moved away from the saturated gradients and abstract forms that have become the industry shorthand for AI, instead building a visual language rooted in technical rigor and operational control.
Before: A dark, saturated palette paired with heavy visual compositions.
02
Creative Direction
Historically, contracts have been treated as static artifacts, reviewed, executed, and then buried. Sidebar unlocks the intelligence within legal language, turning contracts into business enablers.
I anchored my creative direction in making this transformation visible, reimagining the contract as a living system. I treated contract data as an active entity that generates momentum.
03
Color
The palette is a deliberate departure from the category’s saturated norms. Ink (deep navy) provides the anchor of commitment. Seal (burgundy) evokes the history of legal execution. Parchment (warm sand) introduces a human element, offering a sophisticated counterpoint to the system’s digital precision.
04
Expression
There are three parts to the sensory core of the system.
Language as atmosphere: I treated contract text as a raw material. By composing legal prose into dense, structured surfaces, text becomes texture. It creates an environment that feels systematic and layered, suggesting that the brand is built from the legal logic it represents.
The human lens: Real-world imagery is reduced and tinted into a consistent visual treatment. This transforms disparate sources into a singular, unified language that feels native to the ecosystem without becoming literal or illustrative.
Active Motion: Gradients are used to represent state and transition. They are directional and controlled, moving across landing surfaces and agent interfaces to indicate that the system is actively processing, reasoning, and moving toward a conclusion.
Texture, imagery, and gradients form a unified visual language.
05
Tools
The visual system is not a collection of static assets; it is a suite of custom-built tools. These engines produce structured outputs from defined inputs, embedding the brand's logic into the production process itself.
Tool 1: The Language System
Generates structured surfaces from raw contract data. Controls density and rhythm to turn prose into architecture.
Tool 1: Text becomes texture through structured, repeatable systems.
Tool 2: Dynamic Motion Engine
This custom tool transforms the brand from static to active. It enables the creation of fluid gradients and procedural background art through granular control over displacement, color, speed, and motion presets. Post-processing effects like grain, bloom, and chromatic aberration can also be layered. This signals life and intelligence within the product.
Tool 2: Textures and gradients generated with the tool
Tool 3: Found Object
A specialized pipeline that transforms disparate imagery into brand-aligned assets with 2-3 clicks.
These tools allow for rapid scaling of the visual library while maintaining a singular, high-fidelity aesthetic.
Tool 3: Image uploaded, color picked. Asset generated in 2-3 clicks.
06
Looking Ahead
This is an active project that continues to evolve, with each new use case shaping how the elements behave and interact.
