Головна Послуги Лікарі Технології та безпека Клінічні випадки Вартість послуг Контакти

Київ, вул. Шовковична, 22

+38 (044) 222-18-04

Записатись на консультацію
Дизайн-система & Стандарти

Бренд-гайд
візуального стилю

Цей документ містить огляд кольорової палітри, шрифтової сітки та базових елементів інтерфейсу, розроблених для Symmetry Dental Studio. Систематичний підхід гарантує цілісність сприйняття бренду на всіх пристроях.

01 — Кольорова палітра

Фірмові кольори

Linen / Background #FAF9F5

Базовий фон сайту. М'який теплий відтінок білого, що знижує втому очей та створює преміальне відчуття.

Champagne Gold #B89568

Первинний бренд-акцент. Шляхетний золотаво-бронзовий колір, що символізує точність, високу вартість та естетичну цінність.

Carbon Black #111314

Фон темних блоків, футера та колір активних кнопок. Глибокий чорно-вугільний відтінок для створення високого контрасту.

Pure White / Surface #FFFFFF

Фон карток, форм та інтерактивних віджетів. Забезпечує чистоту інтерфейсу та медичну асоціацію.

02 — Типографіка

Шрифтовий контраст

Поєднання акцентного редакційного серифу та геометричного гротеску створює характерний образ дорогого наукового видання про здоров'я та естетику.

Cormorant Garamond (Serif) — Заголовки

Посмішка як мистецтво

Використовується для заголовків першого рівня (h1, h2) та художніх виділень слів курсивом.

Onest (Sans-Serif) — Тексти та інтерфейси

Ми віримо, що довіра будується на прозорості. Кожна деталь нашої роботи відкрита для пацієнта.

Використовується для описових текстів, підзаголовків, кнопок, елементів навігації та форм.

03 — Компоненти інтерфейсу

Інтерактивні елементи

Стилі кнопок

Кнопки мають гострі кути без заокруглень (border-radius: 0), що підкреслює строгість та архітектурність дизайну. При наведенні додається плавне зміщення вгору та зміна кольору.

Поля введення даних

Поля форми мають легкий теплий фон, тонку рамку та виразне підсвічування золотим кольором при фокусуванні (focus).

Спливаючі сповіщення (Toasts)

Вашу заявку успішно надіслано! Ми зателефонуємо вам найближчим часом.

З'являється знизу праворуч при успішному відправленні форм без перезавантаження сторінки. Плавна CSS-анімація висування.