Repaint Style Guide
Building Blocks
Typography
Colour Fills
Text Colours
Cards
Icons
Patterns
Buttons
Inputs
Input Controls
Components
Navigation
Subnav
Footer
Atoms
Typography
Proxima Nova Soft - Regular
Proxima Nova Soft - Semi Bold
30px
24px
18px
16px
14px
12px
10px
Note: Use 16px - Regular as the default size for any item
Colour Fills
Primary Colours
Steel Blue
#0A79BF
Dodger Blue
#3E8EDE
Indian Red
#E34C4C
M. Sea Green
#11B683
Orange
#FFAW18
Greyscale Colours
Slate Grey
#364251
L Slate Grey
#8091a5
Light Grey
#CBD6E2
Alice Blue
#DEECFC
Alice Blue Light
#F0F7FF
White Smoke
#FAFAFA
Text Colours
Dark
(Usage - Normal Text)
Light
(Usage - Disabled Text, Blank Input Fields)
White
(Usage - Text inside Buttons, Headers, Highlighted Text
Blue
(Usage - Linked Text)
Red
(Usage - Error State, Negative Number, Notification, Waitlist)
Green
(Usage - Positive State, Enrolments)
Orange
(Usage - Pending State)
Cards
Card / Flat / 33%
Card / Flat / 66%
Card / Flat / 100%
Icons
Custom Icons
Classes / White
Families / White
Billing / White
Staffing / White
Reminders / White
Events / White
Messages / White
Menu Icons
Messages / Dark
Location / Dark
Settings / Dark
Logout / Dark
System Icons
Edit / Light
Delete / Light
Search / Light
Tag / Light
Karat / Light
Arrow-Left/ Light
Arrow-Right/ Light
Cancel / Light
Add / Blue
Menu/ Blue
Menu/ Light
Karat / White
Arrow-Left/ White
Arrow-Right/ White
Cancel / White
Add / White
Menu/ White
Done / White
Footer Icons
Help
Support
Blog
Facebook
Twitter
Youtube
Patterns
Buttons
Button
Blue
Button
Green
Button
Dark
Button
White
Button
Light
Button
/Blue/Medium
Button
/Green/Medium
Button
/Red/Medium
Button
/Dark/Medium
Button
/White/Medium
Button
/Light/Medium
Button
/Blue/Small
Button
/Green/Small
Button
/Red/Small
Button
/Dark/Small
Button
/White/Small
Button
/Light/Medium
/Icon/Blue
/Icon/Green
/Icon/Red
/Icon/Dark
/Icon/White
/Icon/Light
/Icon/Plain
/Icon/Disabled
/Icon//Disabled
Button
/Disabled
+ Add New Class
Add New Button
Input
Single Line
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Drop Down
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Search
Input Controls
Checkboxes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio Buttons
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Components