BUTTONS
STYLE 1:
Designs notes:
-
Usage: For end of a section, read/load more
-
Details: ALL CAP letters, solid red background, font size: 16px
-
Example: Homepage "VIEW ALL PRODUCT" after PRODUCT section, "VIEW ALL INSIGHTS" after LATEST INSIGHTS
STYLE 2:
Designs notes:
-
Usage: For Read More on dark image background
-
Details: Title Case - capitalize every word, add triangle arrow at the end
-
Regular: white border 1px, transparent background, font size: 14px,
-
Hover: Solid red background
-
-
Example: Solutions section "Read More"

STYLE 3:
Designs notes:
-
Usage: For a minimal look that doesn't adding too much visual disruption
-
Details: ALL CAP letters, no background, no border, font size: 16px
-
Regular: no background, no border, font-color: white
-
Hover: no background, font-color: red
-
-
Example: Homepage hero carousel
