Product
The product is a brand surface. Every screen the ICP opens is a Visualist expression. This chapter explains how brand shows up in the UI and where to go for the rules that govern it.
The ICP uses Visualist every working day. The product is where brand is experienced most directly and most repeatedly: not on a billboard, not in a campaign, but at 9am when a client brief arrives and at 11pm when a proposal goes out. That proximity is the brand's greatest asset and its greatest responsibility.
The product does not get a different brand. It gets the same palette, the same typefaces, the same restraint, applied through a design system that translates brand decisions into component rules. Consistency between the product and everything around it (marketing, press, social) is what makes Visualist feel like a single coherent entity rather than a tool with a logo on it.
Three things carry brand character into the UI.
Color. The product uses the same palette as the rest of the brand: Cotton, Parchment, Leather, Brew, and the three core colors. Tokens map brand colors to specific UI roles. The palette's restraint is the point: the product should feel calm and considered, never loud. One core color per composition. Strong tones reserved for status and emphasis.
Type. Instrument Sans carries the UI. Instrument Serif appears in display contexts within the product. Roboto Mono handles data, metadata, and any context where precision matters. The type scale is fixed. Token names are used throughout; raw size values are not.
Density and space. The product earns trust through clarity. Space is not decoration: it signals care. A cluttered interface communicates a cluttered mind, which is the opposite of what Visualist sells. The spacing system is base-4. Seven steps. Space carries visual weight so that other elements do not have to.
This chapter establishes the relationship between brand and product. The rules that govern how brand decisions are implemented in the UI (color tokens, type tokens, spacing, component behavior, surface hierarchy, interactive states) live in the design system.
The design system is the authoritative source for product design decisions. C'est La V is the authority on brand. When they align, they reinforce each other. When they appear to conflict, raise it: it is a signal that one of them needs updating.