• Stylebook
  •  
  • User avatar Firstname Lastname
  • Typography
  • Colors
  • Alerts
  • Labels
  • Tables
  • Forms
  • Modals
Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Normal text

Colors

Gray

 
 
 
 
 
 
 

Red

 
 
 

Orange

 
 
 

Cyan

 
 
 

Brand blue

 
 
 

Dark blue

 
Buttons

Small buttons

Normal buttons

Large buttons

Disabled buttons

Inputs next to buttons

Small size

Normal size

Large size

Alerts
Info alert
Success alert
Warning alert
Danger alert
Badges

Neutral

Draft
Cancelled

Positive

Paid
Paid off
Active
Confirmed

Negative

Failed
Declined
In arrears

Warning

Pending
Basic table
Created at Id Reference Store Amount Product Status
15/09/2021
08:45:48
C2134F94CA84 34487 Ozarro
Ozarro Ltd
9 230.00 € Slice 4
Paid
15/09/2021
08:45:48
C2134F345684 34487 Bellmodo
Bellmodo Ltd AU
2 300.00 € Invoice
Pending
15/09/2021
08:45:48
C2134FHTG884 34487 Jneson
FithAndFlair Ltd
700.00 € Invoice
Confirmed
15/09/2021
08:45:48
C2134F94SD56 34487 ChicWit
ChicWit AS
4 850.00 € Slice 4
Failed
15/09/2021
08:45:48
C2134F738472 34487 Evoke
Evoke Ind.
1 700.00 € Slice 4
Draft
Table with links
Created at Id Reference Store Amount Product Status
15/09/2021
08:45:48
C2134F94CA84 34487 Ozarro
Ozarro Ltd
9 230.00 € Slice 4
Paid
15/09/2021
08:45:48
C2134F345684 34487 Bellmodo
Bellmodo Ltd AU
2 300.00 € Invoice
DECISION_PENDING
15/09/2021
08:45:48
C2134FHTG884 34487 Jneson
FithAndFlair Ltd
700.00 € Invoice
Confirmed
15/09/2021
08:45:48
C2134F94SD56 34487 ChicWit
ChicWit AS
4 850.00 € Slice 4
Failed
15/09/2021
08:45:48
C2134F738472 34487 Evoke
Evoke Ind.
1 700.00 € Slice 4
Draft
Forms

Short (placeholders)

Long (with labels)

Modals

Modal title

Powered by Paywerk