Colours, type, buttons and components used across Westport. Edit a token or a text style once and every page follows.
Page
rgb(255, 255, 255)
Surface
rgb(242, 244, 241)
Ink
rgb(6, 34, 35)
Ink Soft
rgb(13, 49, 51)
Primary
rgb(6, 34, 35)
Secondary
rgb(92, 107, 106)
Tertiary
rgb(142, 154, 153)
Inverse
rgb(255, 255, 255)
Inverse Secondary
rgba(255, 255, 255, 0.66)
Lime
rgb(228, 254, 118)
Lime Hover
rgb(212, 242, 79)
On Accent
rgb(6, 34, 35)
Field
rgb(217, 223, 218)
On Ink
rgba(255, 255, 255, 0.14)
Shade
rgba(6, 34, 35, 0.42)
Media
rgb(220, 227, 221)
Glass
rgba(255, 255, 255, 0.06)
Ink Tint
rgba(6, 34, 35, 0.06)
Display
Geist 64px
Clear plans, steady growth
Heading 1
Geist 24px
Clear plans, steady growth
Heading 1b
Geist 196px
Aa
Heading 1c
Geist 146px
Aa
Heading
Geist 52px
Clear plans, steady growth
Statement
Geist 40px
Clear plans, steady growth
Title
Geist 24px
Clear plans, steady growth
Stat
Geist 72px
Clear plans, steady growth
Lead
Geist 19px
Clear plans, steady growth
Body
Geist 16px
Clear plans, steady growth
Label
Geist 15px
Clear plans, steady growth
Small
Geist 13px
Clear plans, steady growth
Logo
Geist 22px
Clear plans, steady growth
Step Label
Geist 14px
Clear plans, steady growth
Card Title
Geist 28px
Clear plans, steady growth
Heading H1
Geist 52px
Clear plans, steady growth
Growth strategy
Find where the next stage of growth will come from, and what to stop doing to get there.
140+
Companies advised
Founder-led businesses.
Strategy
A full plan for the next stage of growth.
$18,000
One-time, 6 to 10 weeks
Customer and market research
One-page plan
Support for 30 days
Quarterly review
How do we start working together?
Book a free 30-minute call.
What size of company do you work with?
Straight talk
We tell you what we see.
Step 01
Discovery
We listen first.
Remix project