Style Guide
Search…
Reviews
Review components hold customer feedback.

Usage of Review

Review components will be used in pro profiles and will contain feedback from customers.

Anatomy of Reviews (reviews)

Review components stack vertically.
1. Star Rating
1
Star:
2
font: font-awesome-regular [star]
3
font-weight: regular
4
color: yellow-medium
5
padding-left: 16px
6
padding-right: 8px
7
padding-top: 24px
8
padding-bottom: 4px
9
10
Dot Size:
11
max-width: 8px
12
max-height: 8px
Copied!
2. Date (a-text-h4)
1
font-size: 16px
2
font-weight: bold
3
font-color: text-black
Copied!
3. Review (a-text-paragraph)
1
font-size: 16px
2
font-weight: book
3
font-color: text-black
4
line-height: 1.5
5
padding-bottom: 24px
Copied!
4. Divider Line (a-divider-light) For easy viewing and consumption, reviews have divider lines.
1
a-divider-light:
2
max-width: 343px
3
max-height: 1px
4
color: slate-light
5
padding-top: 24px
Copied!