Template
Style guide
The colors, type and components used across every Hollis page. Update them here to change the whole site.
01
Colors
Ink
#14161B
Headings, body text, dark buttons
Rust
#D44A2C
Primary buttons, accents, links
Muted
#5C5F66
Paragraphs and secondary text
Peach
#FCECE7
Pills, icon tiles, highlights
Warm
#FAF7F4
Panels and highlighted cells
Gray
#F3F4F6
Chips and chat bubbles
Line
#E5E7EA
Borders and grid lines
White
#FFFFFF
Page background and cards
02
Typography, Geist
Heading 1
SemiBold 56, line 60px, tracking -4%
Every call answered
Heading 2
SemiBold 44, line 48px, tracking -3%
Built for real front desks
Heading 3
SemiBold 32, line 36px, tracking -2%
Follows up after every call
Heading 4
SemiBold 20, line 26px, tracking -1%
Calendar and scheduling
Body Large
Regular 18, line 28px
Hollis picks up in under a second and books appointments straight into your calendar.
Body
Regular 16, line 24px
Hollis picks up in under a second and books appointments straight into your calendar.
Body Small
Regular 14, line 20px
Trusted by 2,000+ front desks across the US, UK and Canada
Caption
Regular 12, line 16px
Thu, Oct 30 at 2:15 PM, synced to calendar
Label
Medium 12, line 16px, uppercase, tracking 8%
How it works
Body Strong
SemiBold 16, line 24px
Calendar booking
Pill
Medium 12, line 16px
Most popular
03
Buttons and links
Primary, Medium 16, padding 16 x 24
Secondary, 1px ink border at 20%
Nav button, Medium 14
Text link, Medium 16, rust
04
Tags, pills and fields
Features
Section tag, radius 8
Most popular
Answered
Live
Status pills, Medium 12
you@clinic.com
Input, radius 10, Regular 14
Calendar booking
List item with check