CAIStart a project
All work

Concept / DemoStandard

Caliper

Electrical

The Caliper home page: the headline Electrical work, measured twice above a photograph of a consumer unit
Screen recording of the live Caliper demo, about 12 seconds, no sound.Try it yourself

Caliper Electric is a fictional electrical contractor built to show CAI’s Standard tier for a trade that sells precision and safety. Light, calm and instrument-like, where Stonepitch is dark and structural.

Explore live demo
Status
Concept / Demo: a fictional business, not a client
Tier
Standard
Business
Electrical contractor (fictional)
Pages
Home, services, process, about, contact
Built with
Astro, no framework runtime

What it demonstrates

  • Light ground with one cobalt accent and a monospaced label voice, precise rather than heavy
  • A two-pane service navigator: choose the closest match and the panel beside it changes
  • The same component becomes a one-column chooser on a phone
  • Process set out as plain steps: the request, the quote, the work
  • A validated request form that says plainly it sends nothing

Selected views

The Caliper service navigator: a list of six services on the left, with Lighting selected and its photograph and scope on the right
Service navigatorPick the closest match and the panel changes: photograph, scope and what is included.
The Caliper services page, Six kinds of work, with an on-page index and the Repair and fault finding section
Six kinds of workThe services page: every service with its full scope, reached from an on-page index.
The Caliper process page, How the work runs, listing the request, the quote and the work
How the work runsThe process as plain, numbered steps, so a customer knows what happens before anyone arrives.

On a phone

Designed for a phone first, not shrunk to fit one. Captured at 390 pixels wide, the size of a current mid-size phone.

The Caliper home page on a phone, with the headline above a photograph of a consumer unit
Home on a phone
The Caliper service chooser on a phone: one column of services with Panels and service upgrades selected
The navigator on a phone

Concept / DemoStandard

Explore the live demo

Open the complete working site: every page, menu, interaction and form, exactly as it was built.

Explore live demoStart a project

Caliper is a fictional business. Its forms check your answers and then stop: nothing is sent or stored.

Every site here is a concept built by CAI to show what each tier produces. The businesses are fictional, and each site says so on its own pages. They are complete, working sites: every page, form, menu and layout is real.