Tessera.
A design system, laid in tiles.
A design system, laid in tiles.
A complete, production-grade design system for a fictional technology platform. Tessera treats every token, component, and pattern as a tile — small, precise, and composable — so product teams can build consistent interfaces from a single shared source of truth.
Every detail,
with intention.
An electric indigo, porcelain white, and ink black. The system is documented the way a design system should be — tokens first, then components, then patterns — with a visual language that feels engineered rather than decorated.
- Token architecture — colour, type, spacing, radii
- Component library with full state coverage
- Pattern and usage documentation
- Figma library reference for handoff
An interactive concept with fictional content and local demo data. It does not process real purchases, payments, or messages.
How the concept
came together.
We explored how a design system can carry both the precision of engineering and the warmth of craft — a mosaic where every tile is small, but the whole reads as one confident surface.
- 01
Tokens as tiles
Every colour, measure, and radius is a named tile — a single source of truth that flows from Figma into code without drift. Rename a token once and the whole mosaic updates.
- 02
Compose, don’t decorate
Components are assembled from primitives like mosaic pieces — buttons, inputs, badges, cards — each documented with its full state coverage, sizes, and accessibility notes.
- 03
Document like it ships
Patterns, usage guidance, and a Figma library reference make the system complete enough to build a real product from — and honest enough to show it is a concept, not a claim.
Interface composition and visual language.
Original CEVUNO concept study.
Grab the system
in Figma.
Tessera is a self-initiated concept. The reference below is a real, working design-system file in the Figma Community — study the tokens, components, and patterns, or duplicate it and start your own mosaic.
A fictional brand and design system. The Figma link points to a public Community design-system file used as a study reference — it is not an official Tessera asset and implies no commercial license.