Available Homes
Portfolio
About Us
Contact Us
Contact Us
Style Guide
A guide to common components used in Mercer.
Colors
Primaries and grays controlled by the Global Swatch feature.
Gray 1
Gray 2
Dark Borders
White
Typography
Headings, body and other common text elements.
Heading One
Heading Two
Heading Three - Serif
Heading Three - Sans
Heading Four
Heading Five - Serif
Heading Five - Sans
Heading Six - Serif
Heading Six - Sans
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
Buttons
Component, text style and size variations
Button
Icon Button
Form Inputs
General style and state variations for text inputs.
Form Label
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Styling for checkboxes, selects and radios.
I have read and agree to the
Terms & Conditions
This is a selectable radio option.
Select an option
First Choice
Second Choice
Third Choice
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Iconography
Common interface iconography. Sourced from Icons8