Beamline
Get Beamline

Case studyScribelinephoto-to-quote for trades

From a customer’s photo to a priced quote to approve.

Scribeline drafts each quote from the photos and asks only what a photo can’t settle. Only its interface changed: it was rebuilt on Beamline UI.

Open the live demoscribeline.beamline.io
Scribeline’s original front pageScribeline’s front page on Beamline UI

The front page, before and after, at the same width.

Measured on the same pages, before and after

From 54to 0

text-contrast failures

axe: the same 6 pages

From 95to 100

Lighthouse accessibility

lowest of 3 pages; all now 100

From 98to 17

hand-built controls

counted in the interface source

From 1to 2

themes

dark follows the device

Before: the original app, measured 10 Oct 2026. After: the live demo, measured 12 Oct 2026. axe-core 4.11 and Lighthouse 12.8, desktop at 1512×982. Automated checks, not a full accessibility audit.

Step three of a real quote

Same draft, same questions, one clear decision.

Each open question became a notice with its likely answer one tap away, and the approval waits in a panel of its own.

Before · the original app
Step three of a quote in the original app: the draft and its open questions
After · on Beamline UI
Step three on Beamline UI: each open question a notice with its likely answer, and the approval in a panel of its own
Step three of a quote in the original app: the draft and its open questionsStep three on Beamline UI: each open question a notice with its likely answer, and the approval in a panel of its own

What changed for the people using it.

One tap for the machine’s question.

Where a photo can’t settle a number, the desk shows its estimate, asks, and offers the likely answer as one button.

The room photo with its measurements and open questions, and the notice asking how big the room is, with the estimate and a “Looks right — use it” button

Sending takes a hold, not a click.

It is the one step the customer sees, so it takes a deliberate hold. Everything before it can still change.

The running total, $1,872.00, approved, with the “Hold to send to customer” button part-way through its hold

The customer gets one clean page.

The business’s name, the priced lines and the total, what the quote assumes, a full-width Accept and a PDF to keep.

The customer’s quote from Northside Painting: the quote number, the date and the priced lines
The end of the customer’s quote: what it assumes, “Accept this quote” and “Download PDF”

Still unmistakably Scribeline.

Beamline’s Soft look in Scribeline’s blue, with its drafting-table type.

Build your own style
  • Space Groteskheadings and totals
  • Interreading
  • IBM Plex Monomeasured numbers · 400 sqft · $1,872.00
  • Night#040a1b
  • Raised#101b34
  • Paper#f5f7fb
  • Blue#1d4ed8

400 sqftEvery number the machine measured stays mono.

Drive a real quote yourself.

Answer the questions, approve, hold to send, then accept it as the customer. It all runs in your browser.

Open the live demoscribeline.beamline.io
Scribeline’s owner desk on a phone

28 Beamline parts in Scribeline

Next case studyProofdeskthe knowledge desk that refuses to guess

Part of Beamline UI: polished, editable React components and complete screens for custom applications. Build your own style from any look; tokens, fonts, radii, motion; not only colours.