Style guide
The colours, type styles, buttons and form parts that make up Tandem. Every value is a variable, so you change it once and the whole site follows.
Colours
Background/Page
#F6F6F3
Background/Surface
#EEEEEA
Background/White
#FFFFFF
Background/Dark
#191919
Text/Primary
#191919
Text/Body
#353535
Text/Muted
#6B6B65
Border/Hairline
Ink at 8%
Type styles
Heading Hero
Run the business, calmly
Heading H2
Everything your team needs
Lead
Quotes, jobs, invoices and your team, connected. Set it up once.
Body
Body copy uses Switzer at 16px with a relaxed line height, so long paragraphs stay easy to read on every screen.
HTML tags
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
A paragraph with a text link. Tag styles set the base font, colour and spacing for elements without a class, such as rich text from the CMS.
Form
Your message didn't send. Check the fields and try again.
