Garment Care
UI/UX Style Guide
BY Click results
1) COLOURS
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
2) TYPOGRAPHY
Style Name
Font Name & Weight
Use
Colours
Heading 1
Font Name & Weight
Main headings
Heading 2
Font Name & Weight
Secondary headings
Heading 3
Font Name & Weight
Tertiary headings
Heading 4
Font Name & Weight
Tag Lines
Body Text
Font Name & Weight
Body Text
Button Text
Font Name & Weight
Buttons
Captions
Font Name & Weight
Buttons
3) BUTTONS
Primary Button
Used for positive actions, main CTA's
TERTIARY Button
Used for tertiary actions or text links
SECONDARY Button
Used for secondary actions
4) FORMS