Accordions
Accordions put users in control of showing or hiding content. Accordions also help us organize information to keep screens less cluttered so that users can accomplish tasks in short, intuitive steps.
Design Specifications
Fonts
Arrows
Font-family: FontAwesome
Font-size: 20px
Color: #1491c1 (Blue1)
Title
Font-family: Roboto Regular
Font-size: 18px
Color: #1491c1 (Blue1)
Guidelines
DO
- Use to subdivide long pages
- Use to organize long panels
- Use an alternative to Tabs
- Make sure the line stays as an underline
DON’T
- Add line above the Title, only the bottom is needed