Color
| Design token | Hex code | Figma | |
|---|---|---|---|
| #0070C4 | Interactive/Default | ||
| #004F84 | Interactive/Hover | ||
| #80B7E1 | Interactive/Disabled | ||
| #756693 | Interactive/Visited | ||
| #FEBA35 | Interactive/Focus | ||
| #EC040B | Interactive/Error | ||
| #BA0000 | Interactive/Error/Hover | ||
| #F58185 | Interactive/Error/Disabled |
| Design token | Hex code | Figma | |
|---|---|---|---|
| #333333 | Text/Default | ||
| #666666 | Text/Secondary | ||
| #FFFFFF | Text/Light | ||
| #666666 | Text/Disabled |
| Design token | Hex code | Figma | |
|---|---|---|---|
| #0081A2 | Brand/Default | ||
| #005072 | Brand/Dark | ||
| #C8EEFA | Brand/Default |
| Design token | Hex code | Figma | |
|---|---|---|---|
| #004A8F | Status/Info/Default | ||
| #AAC9E7 | Status/Info/Light | ||
| #003B70 | Status/Info/Dark | ||
| #EFF8FF | Status/Info/Background | ||
| #F9CE2D | Status/Warning/Default | ||
| #FFEAB6 | Status/Warning/Light | ||
| #BF8D23 | Status/Warning/Dark | ||
| #FFF6E5 | Status/Warning/Background | ||
| #DA291C | Status/Emergency/Default | ||
| #FBD1CE | Status/Emergency/Light | ||
| #A91A10 | Status/Emergency/Dark | ||
| #FFF1F2 | Status/Emergency/Background | ||
| #006F4C | Status/Success/Default | ||
| #CCE4DC | Status/Success/Light | ||
| #00563A | Status/Success/Dark | ||
| #EEF9F3 | Status/Success/Background | ||
| #171D23 | Status/Critical |
| Design token | Hex code | Figma | |
|---|---|---|---|
| #FFFFFF | Greyscale/White | ||
| #F8F8F8 | Greyscale/50 | ||
| #F1F1F1 | Greyscale/100 | ||
| #E7E7E7 | Greyscale/150 | ||
| #DCDCDC | Greyscale/200 | ||
| #C2C2C2 | Greyscale/300 | ||
| #ADADAD | Greyscale/400 | ||
| #949494 | Greyscale/500 | ||
| #858585 | Greyscale/600 | ||
| #666666 | Greyscale/700 | ||
| #5C5C5C | Greyscale/800 | ||
| #474747 | Greyscale/900 | ||
| #333333 | Greyscale/Black |
| Design token | Hex code | Figma | |
|---|---|---|---|
| #7FEBE6 | Aqua/Default | ||
| #DCFBF8 | Aqua/Light | ||
| #AAC9E7 | Blue/Default | ||
| #DDEFFF | Blue/Light | ||
| #BBFCB4 | Green/Default | ||
| #CCE2D9 | Green/Light | ||
| #FFC76D | Orange/Default | ||
| #FCD6C3 | Orange/Light | ||
| #FF8FC5 | Pink/Default | ||
| #F9E1EB | Pink/Light | ||
| #ED948D | Red/Default | ||
| #F4CDC6 | Red/Light | ||
| #D4C2FF | Violet/Default | ||
| #EFE2FB | Violet/Light | ||
| #FCE796 | Yellow/Default | ||
| #FFF7BF | Yellow/Light |
Book time in drop in hours