Main menu
Colors
Black and white
Black
#000000
white
#FFFFFF
Gray Colors
Gray 500 Primary
#23282D
Gray 500 Secondary
#23282D 70%
Gray 500 Disabled
#23282D 40%
Gray 200
#CCCCCC
Gray 100
#E2E4E7
Gray 50
#F1F1F1
Brand Colors
Primary 500
#DC3232
Primary 700
#D13030
Primary 900
#A92626
Secondary 500
#007CBA
Secondary 700
#0075B0
Secondary 900
#005E8E
Semantic colors
Danger
#FF1818
Warning
#FFCC1D
Success
#4E9F3D
Info
#0E3EDA
Typography
Font family
123
Roboto Regular
123
Roboto Medium
123
Roboto Bold
Type Scale
Heading 1
Size 64px
Font weight 72px
Heading 2
Size 36px
Font weight 48px
Heading 3
Size 24px
Font weight 32px
Heading 4
Size 18px
Font weight 24px
Body (Regular)
Size 16px
Font weight 24px
Body (Bold)
Size 16px
Font weight 24px
Caption (Regular)
Size 14px
Font weight 20px
Caption (Bold)
Size 14px
Font weight 20px
Note (Regular)
Size 12px
Font weight 16px
Note (Bold)
Size 12px
Font weight 16px
Input-field
Types
Lable
Lable
Lable
Mi augue commodo enim, rhoncus vitae faucibus.
States
Label alignment
Toggle
Types
Usage
Radio buttons
States
Checkboxes
States
Card
Variations
Default
Description
Days
Description
Note
Hours
Description
Styling
Note
Integration card
States
Title
Note
Title
Note
Header
States
Custom
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Custom
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Dropdown
States
Default Option
Default Option
Data table
Types
Header
cell
Variations
Left align
Right align
default
- Open Booking
- Remove
Main menu
Availability
Resource
X of X units Available
Resource
X of X units Available