mosaic ← back to the site

Five directions, one product

Night-1 explorations for the tessera site. Same copy bones, five different arguments: proof by measurement, warmth, developer honesty, benchmark tables, and pure geometry. Every mockup is a single self-contained page — no shared framework, no external requests.

DIRECTION 01

Measured proof

Big serif, near-black, a savings statement you can read like a bank ledger. Riffs on the brand reference: metrics-forward and unafraid of the bad news.

dark · serif · metrics
DIRECTION 02

Warm editorial

Cream paper, the tessera mascot front and center, long-form humanness. For people who pick tools the way they pick notebooks.

warm · mascot · editorial
DIRECTION 03

Terminal honesty

A docs-first developer page built from real transcripts: sync, index, symbol cards, and memory writes — the product as its own documentation.

mono · transcripts · docs
DIRECTION 04

Benchmark tables

Comparison-forward: tokens returned vs. displaced, whole-file reads vs. atlas cards, with footnotes that admit the method. For the spreadsheet-brain audience.

tables · comparisons · light
DIRECTION 05

Tiled geometry

The mosaic mark blown up into a tile grid, Swiss-minimal type, almost no words. Brand as structure rather than decoration.

grid · swiss · minimal