Plumbing
FLOW

service · Phase 16

hero.title

A plumbing business that leads with emergency service, then settles into ordinary jobs. Property details, call-outs, estimates and bookings in one flow.

Visual direction

Local professional plumbing company.

  • White
  • Blue
  • Cyan
  • Light gray
  • Controlled accent

Emergency requests should feel immediately actionable, then the experience settles into ordinary jobs. Property, call-out, estimate and job tracking.

  1. Emergency or standard
  2. Problem
  3. Property
  4. Visit
  5. Estimate
  6. Job

The experience itself is not built yet. What you are looking at is the foundation proving it out: the business configuration, the feature set it turns on, the vocabulary it uses, and the theme applied to this route. A plumbing customer is called that here, and only here. This page is served in EN, one of the 3 locales this business supports.

Enabled capabilities

28 features this business turns on. Anything absent is never rendered.

Catalog
Services
Commerce
DepositsFinancingPayments
Scheduling
BookingsAvailabilityCalendar
Resources
StaffVehicles
Operations
QuotesSite visitsEmergency serviceSame-day slotsTechniciansPhoto uploadsJob tracking
Account
ReviewsAuthAccountAddressesProfileNotificationsMessaging
Content
StoryTeamFAQNeighborhoodsGuides

Vocabulary

The shared foundation, relabelled. Each row shows the shared default and what this business calls it instead.

Customer
Customer
Service
Repair
Services
Repairs
Quote
Estimate
Quotes
Estimates
Visit
Call-out
Booking
Call-out

Design tokens

light mode. This page is already rendering in the business palette.

Mode

mode
light
domain
Services

Colors

background

surface

surfaceAlt

border

textMuted

text

primary

secondary

accent

background
#f7fafd
surface
#ffffff
surfaceAlt
#e9f1f8
border
#CAD9E8
textMuted
#5a6b7c
text
#131f2b
primary
#14568f
secondary
#0e8fa8
accent
#0d7fb8

Typography

stack
technical
display
archivo
heading
archivo
body
archivo
label
jetBrainsMono

Spacing, radius, imagery, motion

space.section
4.5rem
space.gutter
1rem
radius.card
0.5rem
radius.control
0.375rem
imagery.ratio
4/3
imagery.treatment
clinical
motion.duration
150ms
shadow.card
inherited