UI-kit
Reedge v1.1
Colors
Primary
Dark blue
#000592
RGB: 0, 5, 146
Blue
#004CDD
RGB: 0, 76, 221
Lavender
#957CF9
RGB: 149, 124, 249
Green
#5BB77E
RGB: 91, 183, 126
Teal
#00C7C1
RGB: 0, 199, 193
Orange
#FF4B00
RGB: 255, 75, 0
Yellow
#FFC000
RGB: 255, 192, 0
Black
#000000
RGB: 0, 0, 0
Grey
#4C4C60
RGB: 0, 76, 221
Light grey
#E7E7E7
RGB: 231, 231, 231
White
#FFFFFF
RGB: 255, 255, 255
Secondary
Teal alt
#01AEA9
RGB: 1, 174, 169
Lavender alt
#705DBB
RGB: 112, 93, 187
Darkblue alt
#000592
RGBA: 0, 5, 146, 0.6
Gray blue
#F0F5F9
RGB: 240, 245, 249
Backgrounds
Light gray
#E7E7E7
RGB: 231, 231, 231
White
#FFFFFF
RGB: 255, 255, 255
Darkblue alt
#000592
RGBA: 0, 5, 146, 0.6
Text Styles
Light
Regular
Semibold
H1 (40px)
Header 1
Header 1
Header 1
H2 (32px)
Header 2
Header 2
Header 2
H3 (28px)
Header 3
Header 3
Header 3
H4 (24px)
Header 4
Header 4
Header 4
H5 (20px)
Header 5
Header 5
Header 5
H6 (16px)
Header 6
Header 6
Header 6
Paragraph Normal
All users on MySpace will know that there are millions of people out there. Every day besides so many people joining this community, there are many others who will be looking out for friends. This will mean that they are naturally looking out for good people who are interesting enough. For this, the profile has to be very interesting.
Paragraph Semibold
All users on MySpace will know that there are millions of people out there. Every day besides so many people joining this community, there are many others who will be looking out for friends. This will mean that they are naturally looking out for good people who are interesting enough. For this, the profile has to be very interesting.
Form Styles
Normal
Active
Complete
Text
Required
Dates
Dropdown
Checkboxes
Radiobuttons
Alerts or Toastr
Primary
Warning
Error
Success
Components
Avatar
Avatar size
Activity
Docs & files