Фирменный стиль · Версия 1.0
Аристократ
Стоматология
Логотип · Цвет · Типографика
UI-компоненты · Носители · Исследование
UI-компоненты · Носители · Исследование
Содержание
Что внутри
Структура брендбука · 9 разделов
01
Логотип и знак
Основная версия, 6 вариантов, охранная зона, горизонтальная компоновка, правила и ограничения
02
Цвета и палитра
Основная палитра Тёмный Люкс, токены, роли, психологическое обоснование, запреты, сочетания
03
Типографика
Шрифтовая пара Cormorant Garamond + Jost, шкала H1→CTA, 6 правил набора
04
UI-компоненты
Кнопки, теги, карточки, форма, навигация — полная библиотека паттернов
05
Отступы и сетка
Система на базе 4px, шкала отступов, 12-колоночная сетка для 3 брейкпоинтов
06
Иконографика
Стиль outline 1.5px, цвет Aqua, набор 14 тематических иконок для стоматологии
07
Носители
Визитки 3 варианта, шаблоны соцсетей, макет сайта с hero и блоком услуг
08
Фотостиль
Направление съёмки, цветокоррекция, overlay-обработка, одобренные и запрещённые сюжеты
09
Исследование
Психология цвета в медицине, данные о поведении пациентов, статистика, источники
01 · Логотип и знак
Логотип
6 вариантов · Охранная зона · Правила построения
АРИСТОКРАТ
СТОМАТОЛОГИЯ
Основная · Тёмный фон
АРИСТОКРАТ
СТОМАТОЛОГИЯ
Инверсия · Светлый фон
АРИСТОКРАТ
Монохром
А
Монограмма · Аватар
АРИСТОКРАТ
СТОМАТОЛОГИЯ · УФА
Акцентный фон
А
АРИСТОКРАТ
СТОМАТОЛОГИЯ
Горизонтальная · Навбар
Охранная зона
Аристократ
Стоматология
Охранная зона = высота заглавной буквы «А»
со всех сторон логотипа
со всех сторон логотипа
Параметры построения
—
Шрифт: Cormorant Garamond Light 300, ALL CAPS, трекинг +0.18em
—
Подпись: Jost Light 300, трекинг +0.4em, 10px
—
Минимальный размер: 16pt / 22px
✕
Не деформировать, не наклонять, не добавлять тени и обводки
✕
Не использовать на пёстрых фото без тёмной подложки
02 · Цвета и палитра
Тёмный Люкс
Monochrome Authority + Medical Teal · Основная палитра
Основной фон
Hero · Хедер
Hero · Хедер
#0D1117
Полночь
Карточки
Поверхности
Поверхности
#1A3A3F
Глубина
CTA кнопки
Ссылки · Hover
Ссылки · Hover
#2E7D78
Малахит
Иконки
Линии · Теги
Линии · Теги
#7EB8B0
Аквамарин
Текст
Светлый фон
Светлый фон
#EDE8E0
Слон. кость
ЦВЕТ HEX НАЗВАНИЕ ОПИСАНИЕ ПРИМЕНЕНИЕ
#0D1117
Полночь
Основной фон страниц и hero-секций. Создаёт глубину и люксовую атмосферу.
Фон · Hero · Хедер
#1A3A3F
Глубина
Поверхности второго уровня. Карточки, панели, контейнеры.
Карточки · Секции
#2E7D78
Малахит
Главный акцент. Снижает тревогу, ассоциируется с исцелением и природой.
CTA · Ссылки · Hover
#7EB8B0
Аквамарин
Светлый акцент. Декоративные линии, иконки, метки, разделители.
Иконки · Линии · Теги
#EDE8E0
Слоновая кость
Основной текст на тёмном. Тёплый — убирает холодность клинического белого.
Заголовки · Текст
#1E2A30
Графит
Дополнительная поверхность. Строки таблиц, фоны информационных блоков.
Таблицы · Блоки
#C9A96E
Золото
Премиальные метки. Только для бейджа «Топ-врач» и специальных знаков.
Бейдж · Знаки
Одобренные сочетания
Стоматология · Уфа
Системная
стоматология
стоматология
Современные технологии · Безболезненно
Записаться
Hero Dark
Имплантация
Восстановление
за 1 визит
за 1 визит
Цифровое планирование. Гарантия 10 лет.
Подробнее →
Card Surface
О клинике
Доверие начинается
с пространства
с пространства
Среда, где пациент чувствует покой.
Узнать больше
Light Section
Психологическое обоснование
Тил снижает тревогу
Сине-зелёные тона физиологически снижают пульс и давление. Ключевой эффект для стоматологии — главной «тревожной» специализации.
Тёмный = доверие
Премиальная тёмная среда переключает восприятие: с «я боюсь» на «я выбрал лучшее». Доверие через статус сильнее стерильности.
Не белый, а кремовый
Стерильно-белая среда усиливает клинический страх. Слоновая кость сохраняет чистоту, добавляя теплоту.
03 · Типографика
Классическая
элегантность
элегантность
Cormorant Garamond + Jost · Шрифтовая пара
Шрифт заголовков
Aa
АРИСТОКРАТ
Стоматология в Уфе
Стоматология в Уфе
Implantation · Orthodontics
Cormorant Garamond
Шрифт интерфейса
Aa
ЗАПИСАТЬСЯ НА ПРИЁМ
Мы не лечим «по кусочкам» — клиника работает во всех направлениях стоматологии.
Jost
УровеньПримерПараметры
Логотип
АРИСТОКРАТ
H1 Заголовок
Системная стоматология
H2 Подзаголовок
Лечение без пределов
H3 Раздел
Комплексная диагностика
Основной текст
Клиника работает во всех направлениях стоматологии
Подпись / Label
Имплантация · Ортодонтия
CTA Кнопка
ЗАПИСАТЬСЯ НА ПРИЁМ
Правила набора
01
Логотип — только Cormorant Garamond Light 300, ALL CAPS, трекинг +0.18em
02
H1–H2 — только Cormorant Garamond. Никогда Bold 700+. Элегантность — через пространство.
03
UI-элементы — только Jost. Смешивать шрифты в интерфейсе запрещено.
04
Межстрочный: заголовки 1.1–1.2, основной текст строго 1.6
05
CTA кнопки — всегда Jost Medium 500, ALL CAPS, трекинг +0.35em
06
Никаких других засечных шрифтов (Georgia, Times New Roman) — нарушает стиль.
04 · UI-компоненты
Интерфейс
Готовые паттерны · Сайт и цифровые носители
Навигация
Кнопки · 5 вариантов
Primarybg Малахит #2E7D78 · текст Ivory · hover #3A9990
Secondaryпрозрачный · border+текст Aqua · hover rgba fill
Ghostпрозрачный · border rgba 12% · текст Stone
Lightbg Ivory · текст Midnight · для тёмных секций
ОбщееJost 500 · 10px · ALL CAPS · tracking +350 · border-radius 0px
Теги и бейджи
Карточки услуг
Имплантация
Восстановление зуба под ключ
Полное восстановление за одно посещение с цифровым планированием. Гарантия 10 лет.
Ортодонтия
Элайнеры и брекеты
Невидимые выравниватели от ведущих брендов. Точное цифровое моделирование улыбки.
Эстетика
Виниры и отбеливание
Голливудская улыбка за 2 визита. Керамические виниры E.max с гарантией 5 лет.
Карточка врача
И
Иванова Мария Сергеевна
Имплантолог · 12 лет опыта
★ Топ-врач
Карточка отзыва
★★★★★
«Первый раз в жизни не боялась идти к стоматологу. Атмосфера клиники успокаивает.»
Анна К. · Февраль 2025
Форма записи
Нажимая кнопку, вы соглашаетесь с обработкой данных
05 · Отступы и сетка
Система
пространства
пространства
Base unit 4px · 12 колонок · 3 брейкпоинта
Шкала отступов
2
micro
4
xs
8
sm
12
md
16
lg
24
xl
32
2xl
48
3xl
80
4xl
12-колоночная сетка · 1440px desktop
Desktop 1440px: 12 колонок · gap 24px · margin 48px |
Tablet 768px: 8 колонок · gap 16px · margin 24px |
Mobile 390px: 4 колонки · gap 16px · margin 20px
Border-radius
Везде 0px — острые углы, люкс-эстетика.
Исключение: аватар-кружки = 50%
Исключение: аватар-кружки = 50%
Тени
По умолчанию нет теней.
Hover карточки:
Hover карточки:
0 8px 40px rgba(0,0,0,0.4)Анимации
Переходы: 0.2s ease для hover.
Раскрытие секций: 0.5s cubic-bezier
Раскрытие секций: 0.5s cubic-bezier
06 · Иконографика
Иконки
Outline · Stroke 1.5px · Aqua #7EB8B0 · 16/20/24px
Терапия
Запись
Время
Контакт
Адрес
Рейтинг
Гарантия
Сертификат
Ссылка
Эстетика
Врач
Успех
Забота
Детская
Стиль
Outline / Stroke. Никаких заливок. Геометрические, минималистичные.
Цвет
Aqua #7EB8B0 — основной. Stone #4A6572 — вторичный.
Размеры
16px · 20px · 24px. Stroke-width: 1.5px
07 · Носители
Фирменные
носители
носители
Визитки · Соцсети · Сайт
Визитные карточки · 85 × 50 мм
Аристократ
Стоматология
+7 (917) 428-45-16
ул. Менделеева, 197/2 · г. Уфа
ул. Менделеева, 197/2 · г. Уфа
Аристократ
Стоматология
+7 (917) 428-45-16
ул. Менделеева, 197/2 · г. Уфа
ул. Менделеева, 197/2 · г. Уфа
Аристократ
Стоматология
Иванова Мария
Имплантолог
+7 (917) 428-45-16
+7 (917) 428-45-16
Шаблоны соцсетей · 1080 × 1080 px
Сайт · Главная страница
Стоматология · Уфа
Системная
стоматология
без страха
стоматология
без страха
Мы не лечим «по кусочкам» — клиника работает во всех направлениях современной стоматологии.
Записаться Услуги клиники
Имплантация
Зубные импланты
Восстановление за 1 визит. Гарантия 10 лет.
Ортодонтия
Элайнеры
Невидимые выравниватели от ведущих брендов.
Эстетика
Виниры
Голливудская улыбка за 2 визита.
08 · Фотостиль
Визуальный
язык
язык
Направление съёмки · Цветокоррекция · Overlay
Портрет врача
Уверенный · Спокойный
Уверенный · Спокойный
Оборудование
Макро · Технологичность
Макро · Технологичность
Интерьер клиники
Архитектурный ракурс
Архитектурный ракурс
Улыбка пациента
Крупный план · Расслабленность
Крупный план · Расслабленность
✓
Одобрено: Портреты врачей — уверенные, спокойные, белый халат, нейтральный фон. Современное оборудование в макро. Интерьер — тёмные тона, архитектурные углы. Улыбки пациентов — крупный план, расслабленность.
✕
Запрещено: Испуганные пациенты. Открытый рот с болью. Видимые иглы и инструменты. Пересыщенный коммерческий стоковый стиль. Тёплые оранжевые тона в обработке.
Цветокоррекция
Тени → глубокий тил #1A3A3F. Света → кремовые тона. Насыщенность −15%. Контраст +10%.
Overlay-обработка
Градиент снизу вверх:
rgba(13,17,23,0.7) → transparent для читаемости текста.Форматы
Hero: горизонтальный 16:9. Карточки: 3:4 вертикальный. Соцсети: 1:1 квадрат.
09 · Исследование
Доказательная
база
база
Психология цвета в медицине · Поведение пациентов · 2025
Онлайн-отзывы
84%
пациентов изучают отзывы перед записью. Репутация клиники важнее рекламы.
Johns Hopkins
+5%
рекомендаций после редизайна среды без изменения медицинских протоколов.
Страх стоматолога
63%
взрослых испытывают медицинский страх. Среда напрямую его снижает.
Соцсети
35%
пациентов выбрали клинику через социальные сети и Instagram.
Фото команды
74%
предпочитают клиники с реальными фотографиями врачей и команды.
Ответ на заявку
91%
ожидают ответа от клиники в течение одного дня после обращения.
Тил и тревога
Сине-зелёные тона физиологически стабилизируют пульс и давление. Ключевой эффект для стоматологии — специализации с наибольшим уровнем страха среди пациентов.
Тёмный = статус
Премиальная тёмная среда переключает внимание пациента с «я боюсь процедуры» на «я выбрал лучшую клинику». Доверие через статус работает сильнее, чем через стерильность.
Не белый фон
Стерильно-белая среда усиливает клинический страх. Слоновая кость сохраняет ощущение гигиены и при этом добавляет теплоту — критичный нюанс для стоматологии.
Красный запрещён
Красный цвет повышает давление и учащает пульс. Особенно опасен в стоматологии — категорически исключён из палитры даже как навигационный элемент.
−18% время ожидания
Правильно подобранная цветовая среда снижает воспринимаемое время ожидания на 18% без реального сокращения времени. Champion Manufacturing Research.
Биофильный дизайн
Природные палитры на основе зелёного и тила снижают уровень кортизола и улучшают иммунный ответ пациентов. Healthcare Design Magazine, 2024.
Источники
rater8 Patient Choice Report 2025 · Johns Hopkins Healthcare Design Study · Brieflands Systematic Review of Color in Healthcare (2024) · Champion Manufacturing Color Psychology · Medical Economics Patient Behavior Survey 2025 · Healthcare Design Magazine · Psychophysiology Journal, Teal Tone Study
