C'est La V · The Brand Book

Mark & Layout

Logo application, composition principles, motion. The rules for how the Visualist mark appears in the world and how everything around it is arranged.

Two marks. The wordmark for all primary touchpoints: website, marketing, print. The logomark (V mark) for social media, in-product, and when the wordmark falls below minimum size.

Color. Leather or Cotton only. Never in a brand color. Always on a transparent background, never inside a filled box.

Minimum sizes. Wordmark: 80px digital, 25mm print. Logomark: 24px digital, 8mm print.

Never distorted, rotated, recolored, filtered, or recreated in plain text.

Clear space. Around the wordmark, keep clear space on all sides equal to the cap height of the V. Around the logomark, keep clear space equal to half the mark height.

Good. Leather on Cotton, Cotton on Leather. Leather on Parchment. Cotton on any dark surface.

Bad. Logo in any brand color. On a filled color block. Below minimum size. Recreated in a typeface.

Motion

Motion is a brand register, not a production afterthought. These principles apply to all animated Visualist output.

Construct, never reveal. The motif forms always build from their origin. The axes draw outward from the origin point. The curve grows from its base to its apex, accelerating. The X forms from the center outward. Nothing fades in complete.

Speed maps to attribute. Axes: slow and weighted. Trustworthy. Grounded, deliberate, earned. Curve: ease-in, steepening toward apex. Dynamic. Building with momentum, accelerating, not constant. X: quick and decisive. Refined. The synthesis moment arriving precisely.

Nodes bloom individually. Each node scales to ~120% then settles to final size over ~500ms, ease-out-back timing. They never appear as a group reveal. The field builds the way a real graph builds: one data point at a time.

Loops are mid-accumulation. An animated node field should always be building, never complete. Completion implies the graph has stopped growing. The graph never stops growing.

Transitions use the forms. Transitions between sections or states use the motif forms as structural connectors where appropriate: axes establishing new ground, the curve connecting two moments, rather than generic fades or slides.

Space is the primary tool

Generous margins, generous padding. A cramped layout contradicts the brand’s values. When a layout feels incomplete, the answer is to remove something.

One center of gravity. Every composition has one hero element. Everything else serves it. When two elements compete, one is wrong.

Build lower-left to upper-right. Place the heaviest visual element at the lower-left: a large headline, a product surface, or a strong typographic anchor. Let negative space open toward the upper-right. A composition where every element is equidistant from the edges has no direction and no visual weight.

Left-align body text, labels, and captions always. Center alignment is for display headlines only, when scale justifies it.

Default to offset, not symmetric. Symmetry reads as formal and generic. Offset compositions feel authored.

No decorative structure. No dividers, rules, flourishes, or ornamental borders. White space and type scale carry all structure. Functional borders (card edges, UI borders) are permitted.

What the brand never does