Design Scheme · 01

Color Scheme 1 — UI Kit

Утверждённая схема сайта. Primary #4352C9, Secondary #3EBF9D, Space Grotesk. Скругления уменьшены на 80% (sm 1.6 · md 2 · lg 2.4 · xl 6.8).

Main Colors

Primary · Secondary · Accent · Gray

Primary

Light 8%--cs1-primary-light
Medium 20%--cs1-primary-medium
Main 52%--cs1-primary-main
Dark 68%--cs1-primary-dark
Darker 84%--cs1-primary-darker

Secondary

Light 8%--cs1-secondary-light
Medium 20%--cs1-secondary-medium
Main 52%--cs1-secondary-main
Dark 68%--cs1-secondary-dark
Darker 84%--cs1-secondary-darker

Accent

Yellow--cs1-accent-yellow
Green--cs1-accent-green
Blue--cs1-accent-blue
Red--cs1-accent-red
Peach--cs1-accent-peach
Purple--cs1-accent-purple

Grey 10–100

10--cs1-gray-10
20--cs1-gray-20
30--cs1-gray-30
40--cs1-gray-40
50--cs1-gray-50
60--cs1-gray-60
70--cs1-gray-70
80--cs1-gray-80
90--cs1-gray-90
100--cs1-gray-100

Text — Light mode

Primary--cs1-text-primary
Secondary--cs1-text-secondary
Tertiary--cs1-text-tertiary

On dark

Primary Main Secondary Main Yellow Red