Абзац

Еще абзац

Видео:

И еще абзац

Заголовок цитаты (Quote)

Текст цитаты, еще его можно сделать курсивом или жирным. При желании можно заголовок и текст поменять местами.

Фото

Нумерованные списки (разная вложенность)

Нумерация идёт по кругу: 1, 2, 3, затем буквами a, b, c, затем римскими i, ii, iii и снова с цифр. Текст ниже специально длинный, чтобы увидеть переносы и выравнивание маркера относительно первой строки.

1. Уровень 1: эра релокации меняет выбор в пользу предсказуемости, а не только размера зарплаты. Сотруднику важны баланс, прозрачные условия и траектория роста внутри роли, а ещё готовность компании сопровождать переезд и онбординг, не оставляя одного в новой среде.
   1. Уровень 2 (нижний регистр латиницы a, b, c): для HR это означает, что пакет релокации нужно оформлять как набор сценариев, а не разовой выплаты. Сравнивают города по налогу, жилью, сроку адаптации и риску выгорания, особенно если в семье есть дети и двойной переезд.
      1. Уровень 3 (римские i, ii, iii): внутри команды стоит заранее согласовать, кто ведёт кандидата после первой недели, как передают контекст продукту и как фиксируют обратную связь, чтобы снизить «эффект холодного кредита» к новой локации.
         1. Уровень 4 (снова десятичные 1, 2, 3): на четвёртом витке снова привычные цифры — так проще вести чек-лист из десятка пунктов без путаницы. Здесь уместны чёткие дедлайны: виза, договор аренды, доставка вещей, рабочее место и тестовый прогон бенчмарка.
            1. Уровень 5: коммуникация с кандидатом держится на одной цепочке писем и одинаковых тонах бренда, иначе доверие к процессу быстро падает. Каждое письмо — повод напомнить, что компания слышит вопросы о семье, школе, страховке, бытовых рисках.
               1. Уровень 6 и далее: цикл повторяет ритм, поэтому на глубокой вложенности проверяют не только шрифт, но и то, не «ныряют» ли пункты в соседнюю колонку, не ломается ли вертикальный ритм 16px между соседними пунктами.
2. Второй пункт верхнего уровня: короткий, чтобы сравнить плотность с длинным первым. Здесь достаточно одной мысли о том, что репатриация и внутренняя релокация тоже влияют на воронку.
3. Третий пункт: ещё один тезис с запасом текста, чтобы визуально убедиться, что после тяжёлого вложенного пункта список ведёт себя ровно: маркер остаётся слева, межстрочный интервал 1,5, цвет #27262B, без сюрпризов в отступах снизу и сверху.

Маркированные списки (разная вложенность)

Шесть вариантов маркера, затем снова с первого. Ниже — длинные формулировки, в том месте, где важен перенос на три–четыре строки и поведение вложенного списка под абзацем.

• Первый уровень: плашка-маркер квадрат 8px, дальше — текст, который на ширине контентной колонки блога переносится естественно. Имеет смысл написать про то, что для списка важен не только цвет, но и горизонтальная сетка: от левой границы до текста 24px под маркер, 4px зазор до глифа, 16px между соседними пунктами.
  • Второй уровень: контурный квадрат. Сюда же можно вынести уточнение по выравниванию: при многострочном тексте бейдж маркера остаётся на первой базовой линии строки, а вложенный список уходит вниз, не съезжая вправо.
  • Альтернативно на втором уровне: два хода в одном абзаце — сначала длинная мысль про отступы между строками, затем, после точки, короткое уточнение, как вести себя вложенному списку, если перед ним много текста, чтобы не казалось, что колонка «рвётся».
    • Третий: ромб, заливка. Согласуется с логикой «тема / подтема» в статье: визуальный вес падает, а структура остаётся читаемой, если смотреть на каскад отступа 24px на уровень.
      • Четвёртый: ромб с обводкой. Подойдёт для нейтрального примечания — например, к комментариям к законодательству или ссылкам на источник в конце сноски, где не нужен оранжевый акцент, но важен ритм сетки.
        • Пятый: серый круг. Сюда обычно кладут фактоид или короткую цифру, но мы намеренно дадим длинный текст, чтобы увидеть, как круг-точка ведёт себя при 2–3 строках текста и не плывёт ли вертикаль относительно соседних уровней.
          • Шестой: круг с ободком. Класс для юридического дисклеймера, либо сноски, где важен тон тоньше, чем у предыдущих слоёв, но всё ещё надо держать глаз в одной колонке.
            • Седьмой и далее: цикл возвращается к красному квадрату — визуальная навигация снова «набирает вес»; это проверяем по совпадению с уровнем 1, но уже глубоко в дереве, после шести отступов.
• Второй корневой пункт списка: компактно, на одной строке. Здесь сравниваем расстояние 16px до предыдущего тяжёлого ветвления: не должно казаться, что блоки «рвут» макет.

Карусель (Gallery):