01.
Планировка
Подбираем планировку и зонирование под ваш образ жизни.
Дизайн-система ← на главную
EuroHome / визуальный язык.
Собрано из двух утверждённых блоков — Hero и «Что мы делаем». Фиксируем палитру и типографику, потом пройдёмся по компонентам.
01 — Палитра
Цвета
Чистые нейтрали: тёмные от чёрного, светлые от белого. Один акцент + сервисные цвета состояний.
Тёмные — от чёрного
#000000
#060606
#0a0a0a
#0e0e0e
#111111
Светлые — от белого
#ffffff
#f9f9f9
#f5f5f5
#f1f1f1
#eeeeee
Текст — серые (предложение)
Text #111111
Основной текст
Text 2 #6b6b6b
Вторичный текст
Text 3 #a3a3a3
Приглушённый
Акцент — один
Lime bright #aee15f
Единственный акцент — ховер, выделение, точки
Сервисные — состояния
Error
#e5484d
Success
#30a46c
Warning
#f5a623
Info
#3b82f6
▸ Один акцент — Lime bright. Зелёные оттенки панелей (#cbe9a0, #1e2a26) остаются как поверхности блока «Что мы делаем». Серый текст — предложение, подвинем по вкусу.
02 — Типографика
Шкала шрифтов
Geist — заголовки и текст Geist Mono — лейблы, номера, подписи
Display
Geist Semibold · 37–75px · −3%
От замысла — до квартиры, в которую можно заехать.
Heading H2
Geist Medium · 30–44px
Что мы делаем
Subhead H3
Geist Medium · 24–30px
Планировка
Lead
Geist Regular · 18–20px · Text 2
От замеров до передачи ключей мы ведём каждый этап, чтобы вы получили результат без хаоса и срывов сроков.
Body
Geist Regular · 16px
Базовый текст для абзацев и описаний. Спокойный, читаемый, без лишнего веса.
Small / caption
Geist Regular · 14px · Text 2
Подписи, сноски, мелкие пояснения под элементами.
Eyebrow / label
Geist Mono · 11.5px · CAPS · +14%
Что мы делаем
Number
Geist Mono · 24px
01.
03 — Компоненты
Элементы
▸ По компонентам пройдёмся отдельно — пока для контекста.
Чип-лейбл
Что мы делаем
Главная кнопка — пара
Лайн-арт иконки
Панель-преимущество
02.
Дизайн-проект
Делаем дизайн-проект под ваш вкус или дорабатываем ваш.