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

Style Guide

A central overview ARC's major style elements for the website.

Colors

Primary 1
#942f8b
Primary 2
#c288bd
Primary 3
#fefaca
Primary 4
#cfaa49
Dark / Text
#252525
White
#ffffff
Border
#213b54

Typography

Headings, body and other common text elements.

Frauces - 700 Bold

Plus Jakarta Sans - 700 Bold
Inconsolata - 400 Normal
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.