Online Style Guide

Dropdowns

Use dropdowns to reveal a list of choices available to your users. A user should only be able to select one item from a dropdown list. A dropdown list should be easy to scan and avoid excessive scrolling, for which alternative design patterns such as bulleted lists or mega menus should be implemented.

Element States:

Default

Background Color: White

Border Color: Rich Black

Font Size: .875rem (14px)

Line Height: 1rem (16px)

Text Color: Rich Black

Hover

Background Color: Cool Grey (Darken 5%)

Active

Background Color: White

Active + Hover

Text Color: Emerson Green

Base Elements

Dropdowns

Element States:

Default

Default

Hover

Hover

Active

Active

Active + Hover

Active + Hover

Share Your Feedback