07 · Ресурсы

Скачать

Логотип, дизайн-токены и полный брендбук — всё, чтобы собрать продукт в фирменном стиле.

Файлы

Ассеты и токены

Логотип · градиент

Знак в фирменном градиенте. SVG, для светлых фонов.

Скачать SVG
Логотип · моно

Монохромный знак на currentColor: белый на заливках, зелёный на светлом.

Скачать SVG
tokens.css

CSS-переменные: палитра, градиент, типографика, сетка, движение.

Скачать CSS
tokens.json

Те же токены в JSON — для сборок, Style Dictionary и агентов.

Скачать JSON
Favicon

Иконка сайта в фирменном стиле. SVG.

Скачать SVG
Официальный брендбук ↗

Полный гайд ПАО «Сбербанк» со всеми правилами и примерами.

Открыть

Для разработчиков и агентов

Sber Brand Kit

Скилл и MCP-сервер, с которыми ваш агент (Claude Code, Cursor, любой MCP-клиент) верстает интерфейсы в этом стиле — с токенами, готовыми компонентами и проверкой контраста.

# Remote MCP — ничего не устанавливая
claude mcp add --transport http sber-brand \
  https://brandbook.etretyakov.ru/mcp

# Подключить токены в вебе
<link rel="stylesheet"
      href="assets/brand/tokens.css">
MCP-инструменты
get_tokens · get_component · check_contrast

Палитра, готовые сниппеты HTML+CSS+JS и WCAG-проверка пар.

Живой пример стиля