Правила построения
Как строится блок:
  1. Якорная ссылка
  2. Волнистая линия
  3. Паттерн (если блок розовый, то не надо)
  4. Заголовок (сверху — 60рх, снизу 30рх)
  5. Контент (сверху и снизу 30рх)
  6. У последнего элемента в блоке отступ снизу ставим 120рх.
  7. Если блок последний на странице, то добавляется волнистая линия с чёрным фоном, т.к. после этого блока будут Контакты на чёрном фоне.
Заголовки → Все блоки, кроме обложки: Размеры
Н1: 60 → 56 → 40 → 34 → 24
Н2: 36 → 32 → 28 → 26 → 21
Н3: 28 → 26 → 24 → 22 → 20
Н4: 24 → 22 → 20 → 18 → 18
H5: 20 → 18 → 18 → 18→ 16

p: 18 → 16 → 16 → 16 → 14
small: 16 → 14 → 14 → 14 → 12

Заголовки → Обложка: Размеры
Т.к. в этом блоке всегда длинные названия, то приходится чуть поменьше делать шрифт.

56 → 46 → 30 → 24 → 20
Как собирается заголовок Н1
  1. Первую строку делаем на всю ширину контента, текст центрируем
  2. Вторую строку:
• Прибиваем к правому краю
• Вбиваем текст
• Сначала выравниваем начало текста с началом текста первой строки
• Затем уменьшаем ширину на 120рх
• Готово, получилось смещение.

Если заголовок очень маленький, например, как «Фотографии и видео», то просто выравниваем всё по центру.

Шрифт и начертание
Первая строка — Montserrat Bold,
центральные строки — Montserrat Medium,
последняя — Rubik Normal.

Пример заголовка ↓
Правила построения
заголовков
Волны
Цвет волны = цвет секции сверху.
Фон секции с волной = цвет секции снизу.
Паттерны

Всего их 3, лучше чередовать, чтобы повторения не были очевидными.
Паттерн ставится над секцией, цвет фона паттерна = цвету фона секции снизу.

Паттерны скрыты, чтобы не мешали управлять другими секциями.
Made on
Tilda