Брендбук RGP Market

Логотип, цвета, шрифты и исходники фирменного стиля площадки. Здесь копим всё по мере готовности: сейчас в основе — токены сайта rgpmarket.ru и первый вариант логотипа, дальше добавим векторные исходники, иконки, фото и полные гайдлайны.

Черновик · пополняется

Цвета

Основной акцент — мох (зелёный). Золото — дополнительный, для кнопок и акцентов на светлом фоне. Шалфей и тёплый кремовый — фон и мягкие заливки. Токены заданы в assets/styles.css.

Moss 100 — основной#3E5C2C
Moss 200 (hover)#4F6F3A
Moss 300#2E4620
Moss 400 / on-light текст#1F2F16
Moss Soft (подложки)#D9E0C4
Gold 100 — кнопки/акцент#C79A3C
Gold 200 (hover)#9C7322
Gold 300#E4C68C
Gold Soft (подложки)#F3E7C9
Sage#8A9A5E
Фон, светлая тема#FBF7EC
Ink (fg, светлая тема)#2A2415
Фон тёмной темы#19200F

Шрифт

Manrope (Google Fonts, начертания 400–800) — единственный шрифт сайта, для заголовков и текста.

Заголовок · 800
RGP Market
Подзаголовок · 700
Маркетплейс с товарами и блогерами
Текст · 400
Manrope используется во всех разделах площадки — от каталога до личных кабинетов продавца и блогера.

Исходники

Где что лежит в проекте.

ЧтоГде
Логотип и иконки (PNG/JPG)frontend/assets/logo/
Скрипт генерации логотипаfrontend/assets/logo/source/make_logo.py
Цвета, шрифт, компоненты (CSS)frontend/assets/styles.css
Общие JS-хелперы витриныfrontend/assets/app.js
Эта страницаfrontend/brandbook.html

Что добавить дальше

Собираем сюда всё по мере готовности, отмечаем сделанное.

  • Векторный исходник логотипа (SVG/AI) — сейчас только растровые PNG/JPG
  • Второй вариант логотипа: монохром / для маленьких размеров
  • Минимальные отступы и минимальный размер логотипа
  • Иконки и иллюстрации в едином стиле (сейчас частично emoji)
  • Фирменная фотосъёмка / обложки для соцсетей
  • Шаблоны карточек товара, баннеров, презентаций
Присылайте файлы и ссылки Денису в чат — складываем их в frontend/assets/logo/ (или отдельную папку по типу актива) и добавляем на эту страницу.