service · Phase 18
hero.title
An electrical contractor with emergency requests, project requests, quotes, site visits and a document trail that stands up to inspection.
Visual direction
Professional electrical contractor.
- White
- Light gray
- Charcoal type
- Amber accent
The accent can be strong because the industry supports high-visibility language, but the UI remains light. Project requests, site visits, estimates, scheduling and job history.
- Service
- Emergency or project
- Property
- Site visit
- Estimate
- Scheduling
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 electrical client is called that here, and only here. This page is served in EN, one of the 2 locales this business supports.
Enabled capabilities
29 features this business turns on. Anything absent is never rendered.
- Catalog
- Services
- Commerce
- DepositsFinancingPayments
- Scheduling
- BookingsAvailabilityCalendar
- Resources
- StaffVehicles
- Operations
- QuotesSite visitsContractsDocumentsPhoto uploadsEmergency serviceSame-day slotsTechniciansJob tracking
- Account
- ReviewsAuthAccountAddressesProfileNotificationsMessaging
- Content
- StoryTeamFAQGuides
Vocabulary
The shared foundation, relabelled. Each row shows the shared default and what this business calls it instead.
- Customer
- Client
- Service
- Work
- Services
- Work
- 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
- #f8f8f7
- surface
- #ffffff
- surfaceAlt
- #eeefee
- border
- #D4D7D2
- textMuted
- #63655f
- text
- #1c1d1c
- primary
- #2f3230
- secondary
- #6f736d
- accent
- #d99b06
Typography
- stack
- precision
- display
- spaceGrotesk
- heading
- ibmPlexSans
- body
- ibmPlexSans
- label
- ibmPlexSans
Spacing, radius, imagery, motion
- space.section
- 4.5rem
- space.gutter
- 1rem
- radius.card
- 0.25rem
- radius.control
- 0.125rem
- imagery.ratio
- 4/3
- imagery.treatment
- clinical
- motion.duration
- 160ms
- shadow.card
- inherited