Я Team Brandbook
Брендбук в Figma

5

Цветовая
палитра

Цвет — это один из ключевых инструментов идентификации бренда. Для нас — это тёплый красный, фиолетовый и жёлтый.

Красный и жёлтый связаны с продуктами Яндекса, фиолетовый выбран как контраст и символ инноваций.

  • Основные цвета
    • Warm Red
      • HEX
        #F8604A
      • Pantone
        7417 C
      • CMYK
        0 74 85 0
    • Violet
      • HEX
        #7642E8
      • Pantone
        2090 C
      • CMYK
        78 82 0 0
    • Yellow
      • HEX
        #FFC812
      • Pantone
        7406 C
      • CMYK
        0 22 93 0
    • Graphite
      • HEX
        #222A3A
      • Pantone
        2379 C
      • CMYK
        85 75 50 55
    • White
      • HEX
        #FFFFFF
      • Pantone
        11-0601 TCX
      • CMYK
        0 0 0 0
  • Красные
    • Warm Red
      • HEX
        #F8604A
      • Pantone
        7417 C
      • CMYK
        0 74 85 0
    • Soft Red
      • HEX
        #FE9693
      • Pantone
        190 C
      • CMYK
        0 41 42 0
    • Middle Red
      • HEX
        #FFC6C6
      • Pantone
        700 C
      • CMYK
        0 22 22 0
    • Light Red
      • HEX
        #FFE1E1
      • Pantone
        699 C
      • CMYK
        0 12 12 0
    • Web Red
      • HEX
        #FFF4F2
      • Pantone
        698 C
      • CMYK
        0 14 17 0
  • Фиолетовые
    • Violet
      • HEX
        #7642E8
      • Pantone
        2090 C
      • CMYK
        78 82 0 0
    • Soft Violet
      • HEX
        #9261FF
      • Pantone
        2665 C
      • CMYK
        60 65 0 0
    • Middle Violet
      • HEX
        #B796FF
      • Pantone
        2645 C
      • CMYK
        35 42 0 0
    • Light Violet
      • HEX
        #D8C6FE
      • Pantone
        2635 C
      • CMYK
        15 22 0 0
    • Web Violet
      • HEX
        #F0E9FF
      • Pantone
        263 C
      • CMYK
        6 9 0 0
  • Жёлтые
    • Yellow
      • HEX
        #FFC812
      • Pantone
        7406 C
      • CMYK
        0 22 93 0
    • Soft Yellow
      • HEX
        #FFD64F
      • Pantone
        122 C
      • CMYK
        0 14 80 0
    • Middle Yellow
      • HEX
        #FFE592
      • Pantone
        1215 C
      • CMYK
        0 14 80 0
    • Light Yellow
      • HEX
        #FFEEB6
      • Pantone
        1205 C
      • CMYK
        0 4 33 0
    • Web Yellow
      • HEX
        #FFF9E6
      • Pantone
        2001 C
      • CMYK
        0 1 10 0
  • Серые
    • Graphite
      • HEX
        #222A3A
      • Pantone
        2379 C
      • CMYK
        85 75 50 55
    • Soft Graphite
      • HEX
        #575E6E
      • Pantone
        4136 C
      • CMYK
        70 58 42 20
    • Middle Graphite
      • HEX
        #CFCDDD
      • Pantone
        535 C
      • CMYK
        17 16 5 0
    • Light Graphite
      • HEX
        #F1EFFD
      • Pantone
        536 C
      • CMYK
        5 5 0 0
    • Web Graphite
      • HEX
        #F5F4FD
      • Pantone
        538 C
      • CMYK
        3 4 0 1

Цвет в типографике

Сочетание плашек и фона подбирается из оттенков одного цвета палитры Я Team. Но соседние оттенки в палетке не берём, чтобы не потерять контраст.

Цвет текста всегда подбирается контрастный к фону, база — белый или графит для текста.

Монохромные

Монохромные сочетания также допустимы, если решают задачу конкретного макета, но цветные варианты приоритетнее в комуникациях бренда

Нюансные

Допустимы нюансные сочетания цветного текста с цветным фоном, если это оттенки одного цвета. Для жёлтого этот приём не работает, на нём читается только графит.

Контрастные

Можно также использовать светлые оттенки для плашек и яркие для фонов, цвет текста — графит либо тёмный того же оттенка. На жёлтых макетах для текста используем только графит.

Это может быть полезно

Построение макетов
2D-иллюстрации

Некорректные цветовые сочетания

  • Сочетание фона и плашек разных цветов, а не двух оттенков одного цвета
  • Недостаточный контраст в сочетании оттенков одного цвета
  • Используется не графитовый текст для жёлтых макетов

Цвет в тегах

Если теги работают как самостоятельный графический элемент и образуют яркие композиции, цвета в них можно сочетать ярко, при условии сохранения читабельности

Монохромные

Если необходимо снизить яркость и насыщенность в макете, можно создавать монохромные и контурные композиции из тегов и эмодзи

Теги в макетах
с конструктором

Если теги — часть цветного макета с плашками, то все они должны быть одного цвета и контрастны фону, а цвет текста тега должен быть контрастен его плашке. Векторная иконка всегда красится в цвет тега.

Цвет лого

Приоритетно используем полноцветный лого в макетах, при этом «team» может быть только белым или графитовым и подбирается в контрасте к фону. «Я» всегда белым цветом в красном круге.

Монохромные

Допустимо монохромное использование логотипа на фиолетовых, красных и монохромно-графитовых макетах. В этом случае «Я» работает как «вырезка» и просвечивает фон, логотип красится только в оттенки макета

Это может быть полезно

Построение макетов
2D-иллюстрации

Некорректные цветовые сочетания лого

  • В монохромном варианте «Я» работает как «вырезка» и просвечивает фон, а не заливается белым
  • В цветном варианте «Я» НЕ работает как «вырезка» и НЕ просвечивает фон, а заливается белым
  • Не соблюдён достаточный контраст текстовой части лого к фону
  • Нельзя сочетать монохромный лого и плашки с фоном разных цветов, только оттенки одного и того же
  • На жёлтом можно использовать только полноцветную версию лого
  • Логотип окрашен в цвет плашки и пересекается с ней

Примеры работы с цветом