File CS / 08
Status Concept
Scope Brand + UI
Geography Dubai, UAE
TESSERA  /  A SWISS-CODED PRODUCTIVITY SYSTEM

Tessera.

The tool that just works, for people who don’t have time to learn tools. A productivity system built on a strict grid and a single signal colour.

CONCEPT STUDY. TESSERA is a designed brand, not a real client. The work shown demonstrates how we’d build a Swiss-coded productivity tool.

TESSERA product dashboard — Swiss-grid analytics interface with black and signal-blue palette.
Overview

A productivity tool, designed like Swiss typography.

Brand
Tessera
Vertical
SaaS
Audience
Operators
Scope
Brand + UI

TESSERA is the tool a thoughtful operator opens when they've decided that Notion is too flexible and Linear is too precious. The brand is Helvetica-heavy, black-and-white with one signal blue, asymmetric grid layouts, and a UI that puts the work above the chrome. The product feels built, not designed.

The Brief

If a productivity tool wanted to feel like infrastructure, not a lifestyle.

The brief we wrote for this concept: build the brand identity and product UI a small SaaS team would commission if they wanted their product to feel as reliable as the database underneath it. No illustrations, no "delight" animations, no lifestyle photography of people laughing with laptops. The product is the brand.

Constraint: every visual decision must be defensible by function, not by taste. If a colour doesn't communicate state, it doesn't exist. If a typeface doesn't carry information, it's wrong.

"Form follows function. The product is the brand. The grid is the system."
The Work

Three deliverables. One system. The discipline applied.

TESSERA brand identity system — wordmark, 2×2 mark, signal blue #0040FF, Inter type specimen, and 12-column Swiss grid.
DELIVERABLE 01

Brand identity system

Wordmark set in Inter Bold, lowercase, with a single dot after the wordmark acting as the brand mark. Type system: Inter throughout, three weights (400, 600, 800). Colour: black, white, one signal blue. Grid: 12-column, 24px gutter, 8px baseline. The system is a 30-page document before it's a brand.

[02 — DASHBOARD, TASK VIEW, COMMAND BAR / 4:3]
DELIVERABLE 02

Product UI

Three core screens: dashboard (today, this week, this month), task view (the work), command bar (the entry point). Helvetica throughout, no rounded corners, signal blue used only for primary actions and live status. Empty states are typographic, not illustrated. The product feels like a spreadsheet that learned typography.

[03 — WEBSITE, DOCS, ONBOARDING / 4:3]
DELIVERABLE 03

Marketing site & docs

Single-page marketing site that reads as a product page — every section shows a real screenshot, every claim is a feature. Documentation uses the same type system, the same grid, the same signal blue. Onboarding is a four-step flow that takes 90 seconds, no gamification, no progress confetti.

Outcome

A designed system, not a shipped product.

CONCEPT STUDY. No real product, no real customers. The brand identity and product UI shown are designed to demonstrate how a Swiss-coded SaaS could be built: wordmark, type system, grid, and a UI discipline that does the work a real product team would do. Use this as a reference for the kind of work we build, not a claim about a real client.
Credits

Who built it.

Creative direction
Taimoor / DreamGully
Brand strategy
Taimoor / DreamGully
Design
Taimoor / DreamGully
UI / UX
Taimoor / DreamGully
Product copy
Taimoor / DreamGully

TESSERA is a concept study. Not a real product. Not a shipped engagement.

Next — 05/07

Foam & Fold

→