Квартал
Поздний золотой час. Известняк, точные вертикали.
00 · витрина
VERESK
Квартал на границе города и бора. Ниже — цвет, шрифт, ритм и кадры, из которых собран сайт.
01 · цвет
Палитра
#17140f
#221e17
#f2ede3
#9c7b9e
#5f6b54
#c9b99b
02 · цветкор
До и после
Фасад
Графит, тёмный дуб, утопленные балконы, почти чёрные рамы.
Интерьер
Гостиная с окном в сосны. Свет низкий, поверхности матовые.
03 · шрифт
Два начертания
Unbounded · 400
Город заканчивается тихо
Manrope · 400 / 500
Четыре пятиэтажных корпуса образуют защищённый двор. Сосны, злаки, мох и вереск.
Дисплей XL
404
Дисплей L
Квартал
Дисплей M
Граница города и бора
Заголовок
Лобби
Лид
Четыре пятиэтажных корпуса образуют двор.
Текст
Сосновый бор начинается там, где заканчивается двор.
Подпись
02 · квартал
VERESK
VERESK
+375 00 000 00 00
жилой квартал
02 · квартал
00 · витрина
04 · отступы
Ритм
Шапка
4.5rem
Поле
от 0.875rem
Поля
от 2rem
Секция — от 7rem до 12rem. Высота сцен считается в svh, чтобы блоки не прыгали, когда на телефоне прячется адресная строка.
05 · радиус
Скругление
V
06 · движение
Темп
Кривая expo. Короткое наведение, длинный набор строки, шторка чуть дольше секунды.
- Наведение
- 0.6 с
- Строка
- 1.1 с
- Шторка
- 1.05 с
- Кадр hero
- 8 с
07 · сетка
Четыре ширины
390
телефон
768
планшет
1024
десктоп
1440
широкий
08 · компоненты
Как это выглядит
02 · квартал
Тихая роскошь без парадности
Выбрать квартируГалерея
Записали
09 · баннеры
Одна строка, шесть форматов
Строка набрана по ширине: «заканчивается» встаёт в край, «город» и «тихо» расходятся по диагонали, от города к бору. Поля и подписи считаются от короткой стороны баннера, мельче 11 px не опускаются. Кадр меняется только между вертикалью и горизонталью.
В движении · цикл 7 с
Тот же набор, что в hero: строки поднимаются из маски, точка встаёт последней, кнопка перекатывает подпись, как на сайте при наведении. Цикл замкнут шторкой, поэтому ролик крутится без шва.