However, by applying the knowledge I had learned, along with the enthusiastic support from my seniors in the company, I was able to gradually complete the project. This process not only helped me hone my technical skills but also taught me how to work effectively in a corporate environment, particularly in balancing aesthetics and functionality, as well as meeting the specific needs of the target
customer group.
Primary Color
Base
Secondary colors
Gray
Primary
Error
Warning
Success
Blue
The primary color is your "brand" color, and is used across all interactive elements such as buttons, links, inputs, etc. This color can define the overall feel and can elicit emotion.
Error colors are used across error states and in "destructive" actions. They communicate a destructive/negative action, such as removing a user from your team.
Warning colors can communicate that an action is potentially destructive or "on-hold". These colors are commonly used in confirmations to grab the users' attention.
Success colors communicate a positive action, positive trend, or a successful confirmation. If you're using green as your primary color, it can be helpful to introduce a different hue for your success green.
White
Black
#FFFFFF
400
#B6D3F0
500
#92BDE9
300
#DBE9F8
600
#6DA8E2
700
#4992DB
800
#247CD3
400
#D1D1D3
500
#ADADAF
300
#F5F5F7
600
#89898B
700
#656567
800
#414143
900
#1D1D1F
400
#FAC0C0
500
#F8A1A1
300
#FDE0E0
600
#F58282
700
#F36363
800
#F04343
900
#EE2424
400
#EBBBB6
500
#E19992
300
#F5DDDB
600
#D7776E
700
#CD554A
800
#C33325
900
#B91101
400
#FCDBBF
500
#FAC99F
300
#FDEDDF
600
#F9B780
700
#F7A560
800
#F69340
900
#F48120
400
#B8CCC4
500
#95B3A7
300
#DCE6E2
600
#719989
700
#4E806C
800
2A664E
900
#074D31
900
#0066CC
#000000
Visit this website
mmmmmmmm
Visit this website
mmmmmmmm
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*() Ag
HEADLINE
Headline
Regular
Headline
Medium
Headline
Semibold
Headline
Bold
HEADLINE 1
Headline 1
Regular
Headline 1
Medium
Headline 1
Semibold
Headline 1
Bold
SUBHEAD
Subhead
Regular
Subhead
Medium
Subhead
Semibold
Subhead
Bold