Skip to content
Style Checklist
This checklist is designed to guide you in applying styles and building consistent designs.
By following it, you can ensure all essential properties are incorporated, reducing the chances of overlooking anything.
!
Element
Done
1
Color-Default
2
Font-Default
3
Extra Small (<320)
4
Small (320-576px)
5
Medium (577-768px)
6
Large (769-1200px)
7
Extra Large (>1200px)
8
Default
9
Hover
10
Disabled
11
Pressed
12
Focussed
13
Selected
14
Padding
15
Margin
16
Gap
17
Transistion
18
Animation
19
Tooltips
20
Validation
21
Help Text
22
Status Message(Error,Success,warning,alert)
23
Working indicator(loading)
24
Dark/light mode
There are no rows in this table
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.