#
индустрия
К празднику коллеги из РИР подготовили мини-сериал
Что-то подсказывает, что эта весна для РИР будет особой.
UI kit
Все цвета проекта и примеры плашек по разделам. Символьные коды — из привязки infoblock.
Базовая палитра
Основные токены из tailwind.config.mjs.
accent
ink
muted
muted-light
muted-dark
surface
green
green-light
green-weak
green-weak2
blue
orange
purple
purple-light
purple-weak
aqua
yellow
brown
gray
Цвета разделов
Привязка названия раздела к символьному коду и цвету tag-*.
| Цвет | Название | Код | Токен | HEX |
|---|---|---|---|---|
| #индустрия | industry |
tag-industry |
#8bca2f | |
| #инструментарий | toolkit |
tag-toolkit |
#a200d8 | |
| #бренды | brands |
tag-brands |
#ff8400 | |
| #потребитель | consumer |
tag-consumer |
#24c635 | |
| #закон | law |
tag-law |
#00c5c5 | |
| #бизнес | business |
tag-business |
#F000C4 | |
| #рынки | markets |
tag-markets |
#ff0049 | |
| #молния | newsflash |
tag-newsflash |
#fccd2e | |
| #ритейл | retail |
tag-retail |
#236afa | |
| #циклы | cycles |
tag-cycles |
#874f00 | |
| #рейтинги | ratings |
tag-ratings |
#B2B044 | |
| #кадры | staff |
tag-staff |
#8c8c8c | |
| #общество | society |
tag-society |
#ff8400 | |
| #исследования | investigations |
tag-investigations |
#71BC9A |
Плашки в шапке
Класс header-tag header-tag--{code}. Обводка цветом раздела, на hover — заливка.
#индустрия
#инструментарий
#бренды
#потребитель
#закон
#бизнес
#рынки
#молния
#ритейл
#циклы
#рейтинги
#кадры
#общество
#исследования
Плашки материала: article-tag article-tag--{code}.
Текстовые метки
Класс tag-color--{code} или напрямую text-tag-{code}. Используются в карточках, hero и списках.
Примеры в карточках
Параметр tagClass у карточки: tag-color--{code}. Все 14 разделов.
Пример в hero
Тег с # и цветом раздела на светлом и тёмном фоне.
Социальные цвета
Фоны иконок соцсетей.
social-max
social-vk
social-dzen
social-tg
