Skip to contentNew · Nine works, each built from one design.md
UI
Download

Work 01 of 9 · Playbook A

Tessera

Client portals built from the spreadsheets you already run.

Playbook
A · SaaS website
Variant
A1 · Product-led friendly
Loud idea
UI collage hero
Type
Geist 400 · Inter
Preview width
Open the full page
Tessera
Log inStart free

Client portals, straight from your spreadsheets.

Invoice #1042Due Oct 3

$12,480.00

Approve quote
Request files
Live syncBilling sheet

248rows synced

12s ago

Tessera turns the sheets your team already keeps into branded portals, where clients approve quotes, pay invoices and send files. Nothing to migrate, nothing new to learn.

1,200 agencies and studios run their client portals on Tessera.

  • Fieldnote
  • Halden & Co
  • brightline
  • Okafor Reyes
  • Kestrel
  • parcel/pine

One link per client, always current.

Project tracking

Progress your clients can check themselves.

In progress

Phase 2Homepage copyOct 2 – Oct 6
Phase 3CMS templatesOct 7 – Oct 17

Done

Phase 1Brand auditSep 18 – Sep 26
Phase 1Sitemap approvalSep 29
  • Rows in your project sheet become cards clients can follow.
  • Clients get an email when a phase moves to Done.

Approvals

Quotes approved in the portal, not in a thread.

Maya Chen · Fieldnote · 9:41

Approved. Let’s start on Monday.

ApprovedQuote Q-2291 · $4,200.00

Jonas Weber · Halden & Co · 9:44

@Maya kickoff invite sent for Mon, Oct 6 at 10:00.

  • Clients approve or ask for changes in one click.
  • Each decision lands back in your sheet, timestamped.

Priced per workspace, not per client.

Every plan includes unlimited client logins. You pay for the portals you run, not the people who open them.

  • Solo

    $0per month

    For freelancers sharing a few portals.

    Start free
    • 3 client portals
    • 1 connected sheet
    • Invoices and file requests

  • Studio

    Recommended

    $39per month

    For agencies with a steady client roster.

    Start a 14-day trial
    • 25 client portals
    • Unlimited connected sheets
    • Your logo and domain
    • Quote approvals

  • Agency

    $99per month

    For firms running portals across teams.

    Book a walkthrough
    • Unlimited client portals
    • SSO and audit log
    • Custom client roles
    • Priority support

Start with the sheet you already keep.

Connect a spreadsheet, pick a portal template and send your first client a link. Free for up to three portals, with no card required.

Start freeSee how approvals work
Tessera

Client portals built from the spreadsheets you already run.

© 2026 Tessera Labs

Tessera is fictional; this page is a 71UI study.

Brief

What it had to do.

Subject
A no-code tool that turns spreadsheets into branded client portals.
Audience
Operations leads at agencies and service firms.
Job
Start a free workspace.
Proof
The portal itself, shown working in the hero.

Token plan

Written before any code.

design.md’s Agent Protocol asks for this table first. Ratios are WCAG 2, measured on the surface each color actually sits on.

ColorHexRoleContrast
Canvas#FFFFFFPage—
Surface#F5F5F5Feature tiles—
Ink strong#0A0A0AHeadlines19.80:1
Ink subtle#6B6B6BSecondary text4.89:1 on tiles
Signal blue#2F63E8Primary action5.16:1 with white
Coral#EC7A50Color-block tile7.04:1 with ink

Decisions

Why it looks this way.

  1. 01

    Hero HA2 (offset editorial): a weight-400 headline at −0.04em instead of a bold one — size carries the hierarchy.

  2. 02

    The collage shows the product's own objects (an invoice, two actions, a sync card) rather than an illustration.

  3. 03

    One color-block tile breaks the bento rhythm; coral carries ink text only, because white on it fails at 2.81:1.

  4. 04

    Stacker's blue was darkened from #3D74F5 to #2F63E8 so white labels pass AA (5.16:1).