UI Style guide¶
Style guide¶
The style guide for security and all Supporting Apps configuration sites is https://bit.ly/2J4X2c9. The main library used for building the UI in security is react-md library (https://react-md.mlaursen.com/).
| Content | Slide |
|---|---|
| Fonts | 2 |
| Colours | 3 |
| Buttons | 4 |
| Cards | 5 |
| Dialogues | 6 |
| Side panels | 7,8 |
| Notifications | 9 |
| Tabs and empty messages | 10 |
| Time stamps | 11 |
| UI elements | 12-15 |
| Wizards | 16 |
| User avatars | 17 |
| Application drawer | 18 |
Prototypes¶
- Security area Prototype: https://bit.ly/2IOH8PE
- Login area prototype: https://bit.ly/2xcsvEr