Палитра

С помощью цвета дизайнеры создают структуру, управляют акцентами, предупреждают о важных действиях и кодируют контент. Чтобы палитра была идентична во всех продуктах, мы используем дизайн-токены.

Палитра бренда

Палитра бренда помогает в узнаваемости продуктов Деловой среды. Она сохраняет преемственность в приемах визуального языка и связывает продукт с брендом компании.

emerald

carbon

#21BA72

#373A44

Базовая палитра

Базовая палитра состоит из основных цветов, акцентных цветов и их оттенков. В руководстве вы найдёте их значения и рекомендации по использованию в дизайн-макетах.

Emerald palette

#CFEDD8

Text

emerald-2

Text

#97DDAC

emerald-3

Text

#6CD89F

emerald-4

Text

#EEF7F2

emerald-1

emerald-6

Hover

#1EA666

emerald-7

#0C8151

Active

emerald-8

#036541

Text

emerald-5

#21BA72

Brand color

emerald-9

#02332A

Text

Gray palette

#EFEFF2

Divider

gray-2

Border

#E3E3E7

gray-3

Description (dark theme)

#CACFD9

gray-4

Background card

#F4F4F6

gray-1

gray-6

Description

#626570

gray-7

#434651

Text

gray-8

#373A44

Primary text

gray-5

#89909D

Secondary text

gray-9

#202227

Text

Arctic palette

#BEF8EC

Text

arctic-2

Text

#94F1DA

arctic-3

Text

#6BEAC7

arctic-4

Text

#E7FFFF

arctic-1

arctic-6

Text

#31C2A7

arctic-7

#21A19A

Text

arctic-8

#107F8C

Text

arctic-5

#42E3B4

Main arctic color

arctic-9

#005E7F

Text

Blue palette

#BBE0FE

Text

blue-2

Text

#8BC7FC

blue-3

Text

#5AB0FF

blue-4

Text

#E6F4FB

blue-1

blue-6

Text

#1164C0

blue-7

#184EA1

Text

blue-8

#203883

Text

blue-5

#0087CD

Main blue color

blue-9

#13224E

Text

Pink palette

#FEB3D2

Text

pink-2

Text

#FE87B7

pink-3

Text

#FF3C8A

pink-4

Text

#FFE5F3

pink-1

pink-6

Text

#DA005E

pink-7

#B40057

Text

pink-8

#8F0051

Text

pink-5

#FF0066

Danger default

pink-9

#69004A

Text

Gold palette

#FFE6B6

Text

gold-2

Text

#FFD685

gold-3

Text

#FFCB47

gold-4

Text

#FFF8E5

gold-1

gold-6

Text

#DD6F00

gold-7

#BD4F00

Text

gold-8

#A53B00

Text

gold-5

#FAAD14

Main gold color

gold-9

#8F2B00

Text

Extra color palette

#FFC700

Article label

sun

Warning

#FF8000

orange

Video, price, etc labels

#FF004D

crimson

Text

#FFFFFF

white

violet

Text

#A08AFF

bground-1

#453F6B

Divider

bground-2

#2A2449

Premium card

magenta

#DA009D

Lifehack label

bground-3

#1B1638

Premium banner, avatar

Social color palette

#4680C2

VK

color-2

Facebook

#4267B2

color-3

Twitter

#1DA1F2

color-1