Click
Welcome to the new website for the Animal Rescue Coalition!
Close

Style Guide

A central overview Rover's major style elements.

Colors

Primaries and grays controlled by the Global Swatch feature.
Primary 1
Primary 2
Primary 3
Primary 4
Dark / Text
White
Border

Typography

Headings, body and other common text elements.
Display One

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
Large Text    Large Link
Body Text    
Body Link    
Body Text - Monospaced
Small Text    
Small Link    
Small Text - Monospaced
"Blockquotes"

Buttons

Component, text style and size variations

Form Inputs

General style and state variations for text inputs.
Input Sizes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Here is some input hint text.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form Selectables

Styling for checkboxes, selects and radios.
Heading
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Icons - Interface

Common interface iconography.
Check

Icons - Social

Icons for common social networks.