Maria Tash
Design System
Typography
Design System
Our Typography System
Our web typeface is URW Din. You can find this typeface on Adobe Type Kit. Our system is very simple with several of the type sizes being shared between desktop and mobile. All of our type styles, with the exception of our accent colored headlines, are either MT Grey text #F8F9F9 or Grey #565A60
MT Grey Text
#F8F9F9
Body Copy
#565A60
DESKTOP SPECIFIC TYPE SIZES
H1 Headline
H2 Headline
H3 Headline
H1 Headline
H2 Headline
H3 Headline
DESKTOP SPECIFIC TYPE SIZES
H4 Headline
H5 Headline
H6 Special Headline
Body copy
Body copy thin
H4 Headline
H5 Headline
H6 Special Headline
Body copy
Body copy thin
Color
Design System
Our Color System
PRIMARY COLOR
Darl Charcoal
#1E222A
component backgrounds, carousel button background, dark icon color
Gold
#DEC18A
Current nav selection, and nav underline / hover color
Rose Gold
#BC876E
Vertical rule color, special headlines, nav category color
NEUTRALS
Slate (TEXT)
#565A60
Font color when appearing on a light background
Dark Slate
#262B36
Used behind the quote components
MT Gray
#F8F9F9
component and product backgrounds, light text color, light icon color
DESIGN STYLES
Input (field) styles
Rose Gold Divider
#BC876E
Gold Divider
#DEC18A
Background Styles
MT Gray
#F8F9F9
Input (field) styles
Input focus
#848C90
Input error
#D22C01
Buttons
Design System
Icons
Design System
Links
Design System
Input
Design System
Our Input System
FOOTER SIGNUP
GENERAL
DROPDOWN
ERROR
DISABLED DROPDOWN
CHECKBOX LIST
RADIO BUTTON LIST
DROPDOWN EXPANDED
Validate your login
Create New Account
Sign in to your Account