Style guide
The parts Callwell is built from.
Colour styles, text styles, buttons and components. Each colour style has a light and a dark value; change them in Assets and every page follows.
Colour styles
Dark first, light included.
Background
Surface
Surface 2
Ink
Muted
Line
Line strong
Accent
Accent hover
On accent
Accent soft
Signal
Signal soft
Success
Text styles
Archivo and Martian Mono.
Both are Google Fonts under the SIL Open Font License.
Display
Within the hour
H1
Written quotes
H2
One number to call
H3
Emergency plumbing
H4
Written quote first
Lead
Call once, talk to a real person.
Body
The technician confirms the job and gives you a written quote you approve.
Small
Sample figures. Replace with your own.
Label
Emergency line · 24/7
Mono
~35 min
Buttons and tags
One height, five styles.
Default
Accent
Live · sample
Components
Cards and the dispatch hero.
Dispatch · sample
En route
14
min away
Marco R. · Master plumber · Van 07
Job
Burst pipe, kitchen
Price agreed
from $189
Next open slot
Today 4:30 pm
We cover
Northside
Riverbend
Oak Park
+9 areas
Emergency
Most booked
$189
starting price, most fixes
Tech in about 60 min
Nights & weekends
90-day guarantee