ГАЙД: ОФОРМЛЕНИЕ ЛОНГРИДА
Лид тут. На фоне - видео или фото. В случаях, где это уместно, фотографию можно приводить к чб и вводить оранжевые акценты в тексте.
0. ШРИФТЫ И РАССТОЯНИЯ

1. Заголовки и подписи - Open Sans (30-48px). Основной текст Philosopher - 20px.
2. Расстояние до первого блока после обложки 2.5 line. Расстояние после блока, идущего перед подвальчиком 2.5 line.
3. Перед новой главой или разделом расстояние 1.5 line.
4. Между равнозначными блоками (т.е. в обоих блоках основной текст или текст и картинка) расстояние 1 line
5. Полноэкранную галерею стоит отделять 1.5 line с обеих сторон.
6. Расстояние между заголовком и основным текстом равно высоте текст-бокса для двух строк текста, набранного Philosopher 20px
Вариант 1.
Тут какой-то текст, Philosopher 20px. Рекомендуем чередовать
Кстати, с проблемой отображения нулевых блоков разобрались, так что их вполне можно спокойно использовать.
Подпись
7. Ширина контента - 10 колонок в случае, если текст перемежается с картинками справа или слева. В ситуации, когда есть большие фрагменты текста без графики и фото, рекомендуется выбирать ширину контента 8 колонок.
Вариант 1.
Тут какой-то текст, Philosopher 20px. Рекомендуем чередовать
1. ВЗАИМНОЕ РАСПОЛОЖЕНИЕ ТЕКСТА И ФОТО


Тут какой-то текст, Philosopher 20px. Рекомендуем чередовать "картинка справа-текст слева" с "текст справа-картинка слева". Когнитивная психология на современном этапе развития во многом основывается на проведении аналогии между преобразованием информации в вычислительном устройстве и познавательными процессами у человека. Так были выделены многочисленные структурные составляющие (блоки) познавательных и исполнительных процессов, прежде всего памяти (Р. Аткинсон). Но важно помнить, что основы когнитивной психологии проводились до создания кибернетики и появления сложных вычислительно-информационных машин.
Подпись к фото
Вариант 1.
Тут какой-то текст, Philosopher 20px. Рекомендуем чередовать
Вариант 1.


Когнитивная психология на современном этапе развития во многом основывается на проведении аналогии между преобразованием информации в вычислительном устройстве и познавательными процессами у человека. Так были выделены многочисленные структурные составляющие (блоки) познавательных и исполнительных процессов, прежде всего памяти (Р. Аткинсон). Но важно помнить, что основы когнитивной психологии проводились до создания кибернетики и появления сложных вычислительно-информационных машин.
Подпись к фото
Вариант 2.
Шаблонный аналог. Обрезка изображения по форме невозможна, но в целом потянет.

Когнитивная психология на современном этапе развития во многом основывается на проведении аналогии между преобразованием информации в вычислительном устройстве и познавательными процессами у человека. Так были выделены многочисленные структурные составляющие (блоки) познавательных и исполнительных процессов, прежде всего памяти (Р. Аткинсон). Но важно помнить, что основы когнитивной психологии проводились до создания кибернетики и появления сложных вычислительно-информационных машин.

The Innovators:
How a Group of Geniuses, and Geeks Created the Digital Revolution
Вариант 3. Текст + полноэкранная галерея

Когнитивная психология на современном этапе развития во многом основывается на проведении аналогии между преобразованием информации в вычислительном устройстве и познавательными процессами у человека. Так были выделены многочисленные структурные составляющие (блоки) познавательных и исполнительных процессов, прежде всего памяти (Р. Аткинсон). Но важно помнить, что основы когнитивной психологии проводились до создания кибернетики и появления сложных вычислительно-информационных машин.
Вариант 4. Текст + галерея

Когнитивная психология на современном этапе развития во многом основывается на проведении аналогии между преобразованием информации в вычислительном устройстве и познавательными процессами у человека. Так были выделены многочисленные структурные составляющие (блоки) познавательных и исполнительных процессов, прежде всего памяти (Р. Аткинсон). Но важно помнить, что основы когнитивной психологии проводились до создания кибернетики и появления сложных вычислительно-информационных машин.
Татьяна Протасенко,
старший научный сотрудник РАН
«Я составляла подобные рейтинги на протяжении нескольких лет до 2001 года. Наблюдать за переменами в рейтингах любопытно и полезно. По сравнению с рейтингами 15-20-летней давности в нынешних очень заметно усиление чиновников. И раньше всегда были жены, губернатора, полпреда, они обладали реальным влиянием»
,,
3. ОФОРМЛЕНИЕ ЦИТАТ

ВАДИМ АЛЕКСАНДРОВ
генеральный директор ОАО «Метрострой» в 1993-2017 годах
«В 1981 году мы установили мировой рекорд — за месяц прошли 1250 метров тоннеля вместо положенных 300. Он до сих пор не побит для тоннелей подобного класса.

Тогда я был начальником Тоннельного отряда № 3. Мы модернизировали щит, изменили организацию труда. Но, к сожалению, такие темпы работы сохранить было нельзя. Денег было мало, недостаточно. Вот город заказал нам 3 километра на год. Я сделаю их за 3 месяца. И что дальше буду делать? Распускать людей?

Мы убедились, что и люди, и механизмы, и организация работ могут достичь подобных результатов, фантастических. Но средства на строительство метро от этого не появились. Наоборот, в последующие годы финансирование всё меньше и меньше становилось».
«В 1981 году мы установили мировой рекорд — за месяц прошли 1250 метров тоннеля вместо положенных 300. Он до сих пор не побит для тоннелей подобного класса»
,,
Подпись
Материал публикуется в партнерстве с компанией «ЮИТ Санкт-Петербург»
Автор текста: Алла Пашова
Редактор: Галина Леонтьева
Корректор: Елена Иванова
Верстка/дизайн: Ксения Горшкова
Координатор проекта: Елена Таранущенко

При создании материала были использованы фотографии, предоставленные компанией «ЮИТ Санкт-Петербург», pxhere.com, unsplash.com, pixabay.com, wikipedia.org