Палитра

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

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

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

emerald

carbon

#21BA72

#373A44

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

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

emerald-1

#EEF7F2

Text

emerald-2

Text

#CFEDD8

emerald-3

#97DDAC

emerald-4

#6CD89F

Text

Text

emerald-5

#21BA72

Brand color

emerald-6

Hover

#1EA666

emerald-7

#0C8151

emerald-8

#036541

Active

Text

emerald-9

#02332A

Text

Emerald palette

gray-1

#F4F4F6

Background card

gray-2

Divider

#EFEFF2

gray-3

#E3E3E7

gray-4

#CACFD9

Border

Description (dark theme)

gray-5

#89909D

Secondary text

gray-6

Description

#626570

gray-7

#434651

gray-8

#373A44

Text

Primary text

gray-9

#202227

Text

Gray palette

arctic-1

#E7FFFF

Text

arctic-2

Text

#BEF8EC

arctic-3

#94F1DA

arctic-4

#6BEAC7

Text

Text

arctic-5

#42E3B4

Main arctic color

arctic-6

Text

#31C2A7

arctic-7

#21A19A

arctic-8

#107F8C

Text

Text

arctic-9

#005E7F

Text

Arctic palette

blue-1

#E6F4FB

Text

blue-2

Text

#BBE0FE

blue-3

#8BC7FC

blue-4

#5AB0FF

Text

Text

blue-5

#0087CD

Main blue color

blue-6

Text

#1164C0

blue-7

#184EA1

blue-8

#203883

Text

Text

blue-9

#13224E

Text

Blue palette

pink-1

#FFE5F3

Text

pink-2

Text

#FEB3D2

pink-3

#FE87B7

pink-4

#FF3C8A

Text

Text

pink-5

#FF0066

Danger default

pink-6

Text

#DA005E

pink-7

#B40057

pink-8

#8F0051

Text

Text

pink-9

#69004A

Text

Pink palette

gold-1

#FFF8E5

Text

gold-2

Text

#FFE6B6

gold-3

#FFD685

gold-4

#FFCB47

Text

Text

gold-5

#FAAD14

Main gold color

gold-6

Text

#DD6F00

gold-7

#BD4F00

gold-8

#A53B00

Text

Text

gold-9

#8F2B00

Text

Gold palette

white

#FFFFFF

Text

sun

Article label

#FFC700

orange

#FF8000

crimson

#FF004D

Warning

Video, price, etc labels

magenta

#DA009D

Lifehack label

violet

Text

#A08AFF

bground-1

#453F6B

bground-2

#2A2449

Divider

Premium card

bground-3

#1B1638

Premium banner, avatar

Extra color palette

color-1

#1DA1F2

Twitter

color-2

VK

#4680C2

color-3

#4267B2

Facebook

Social color palette