Styleguide
Colours, type and parts of the Keyward site. Change a colour or a text style here and every page follows.
Colours
Background/Primary
#131416
Surface/Plate
#1E2024
Surface/Plate Raised
#2A2D31
Surface/Steel
#C9CDD1
Accent/Signal
#FFDD00
Text/Primary
#F1F2EF
Text/Muted
#A3A9AF
Text/On Steel
#131416
Text/On Steel Muted
#4B5157
Line/Drawing
#7C838A
Overlay/Scrim
#131416 at 55%
Type
Display · Panchang Semibold, home h1
Back inside in twenty minutes.
Title H1 · Panchang Semibold, page h1
The price, written down
Title · Panchang Semibold, section titles
Which lock is it?
Heading · Panchang Semibold, cards and tiles
Front door lockout
Figure · Panchang, big numbers
4.9
Lead · Public Sans, intros
Locksmiths for homes, cars and shops across Riverton.
Body · Public Sans, running text
You hear the price before we drive. If it changes, you hear why before we continue.
Small · Public Sans, notes and labels
Licensed, bonded and insured.
Button · Public Sans Medium, buttons
Call (555) 014-2800
Ticket · Public Sans, tabular figures
Called 23:40 · at the door in 18 min · paid $89
Wordmark · Panchang Bold, logo
Keyward
Components
Ticket lines
Call-out in area
Any of our eight areas
$49
Night and holiday rate
Same price at 3 AM
$0
Job ticket and lock tiles
Front door lockout, keys inside
Harbor District
Called 23:40
At the door in 11 min
Paid $89
They were here in eleven minutes.
Dana W.
Key blade and key edge
Console plate
Key-cut edge above a steel plate of the same colour.
Lock drawings
Deadbolt
Euro
Smart
Car
Safe
Padlock
Keys
Key