Текст
размер 72, вес 500, межстрочный 1.0 (Для заголовков в HERO секциях)
H1 [72px / 500]
размер 40, вес 500, межстрочный 1.2 (Для заголовков во всех остальных секциях)
H2 [40px / 500]
размер 22, вес 700, межстрочный 1.3 (для заголовков карточек и колонок, 1-3 колонки)
H3 [22px / 700]
размер размер 18, вес 700, межстрочный 1.5 (подзаголовки в таблицах, спойлерах и в сочетании с Subtitle 1 в качестве второго подзаголовка; заголовки 4 -х карточек, 4- колонок, горизонтальные карточки 3-4 колонки)
H4 [18px / 700]
размер 18, вес 400, межстрочный 1.5 (только подзаголовки секции, в тексте не используем)
H5 [18px / 400]
16, вес 400, межстрочный 1.5
Paragraph [16px / 400]
размер 14, вес 400, межстрочный 1.3 (для подписей, например, должность)
Caption [14px / 400]
размер 40, вес 500, межстрочный 1.2 (цифры)
Number 1 [40px / 400]
размер 50, вес 700, межстрочный 1.2 (цены)
Number 2
[50px / 700]
[50px / 700]
16, вес 700, межстрочный 1.5 (цена в таблице если используется шрифт H1 - services pricing, подписи Имя Фамилия - testimonials (кроме спойлера))
Number 3 [16px / 700]
18, вес 700, межстрочный 1.5 (цена в таблице если используется подзаголовок Subtitle 2 , menu)
Number 4 [18px / 700]
размер 16, вес 500
Отступы
Desktop
Секции:
120px - верхний и нижний отступ всех секций, кроме hero, header, footer
50px - отступ между всеми колонками, карточками
Шапка/подвал:
20px - верхний и нижний отступ секций header
60px - верхний и нижний отступ секций footer
50px - между пунктами меню в header, footer
Карточки/колонки:
30px — отступы внутри залитой карточки или колонки, также внутри таблицы (если их 2-3-4, то есть не 1)
50px — отступы внутри залитой карточки или колонки, также внутри таблицы, если она одна в секции
В текстовых элементах:
0 px - для первого и последнего элемента в колонке и карточке, обнуляет все другие отступы
10 px - контейнер для заголовка
10 px - контейнер для подзаголовка
10 px - контейнер для текста в колонке и карточке, если она одна в секции
5 px - контейнер для текста в карточке или колонке (если их 2-3-4, то есть не 1)
0px - контейнер для подписи
25 px сверху и 10 px снизу - контейнер для кнопки, формы, маленькие иконки (в сумме с нижним отсупом элемента сверху должно быть 30 px)
10 px сверху и 10 px снизу - для линии
20 px - отступ до контента (медиа, карточка, иконки)
120px - верхний и нижний отступ всех секций, кроме hero, header, footer
50px - отступ между всеми колонками, карточками
Шапка/подвал:
20px - верхний и нижний отступ секций header
60px - верхний и нижний отступ секций footer
50px - между пунктами меню в header, footer
Карточки/колонки:
30px — отступы внутри залитой карточки или колонки, также внутри таблицы (если их 2-3-4, то есть не 1)
50px — отступы внутри залитой карточки или колонки, также внутри таблицы, если она одна в секции
В текстовых элементах:
0 px - для первого и последнего элемента в колонке и карточке, обнуляет все другие отступы
10 px - контейнер для заголовка
10 px - контейнер для подзаголовка
10 px - контейнер для текста в колонке и карточке, если она одна в секции
5 px - контейнер для текста в карточке или колонке (если их 2-3-4, то есть не 1)
0px - контейнер для подписи
25 px сверху и 10 px снизу - контейнер для кнопки, формы, маленькие иконки (в сумме с нижним отсупом элемента сверху должно быть 30 px)
10 px сверху и 10 px снизу - для линии
20 px - отступ до контента (медиа, карточка, иконки)
Mobile
по 80px - верхний и нижний отступ секции
Линии
1px
Кнопка
Отступы - по 30px слева и справа, по 12px сверху и снизу
Иконки соц.сетей - 20px размер
30px расстояние
30px расстояние
Иконки соц.сетей - 20px размер
10 px расстояние
10 px расстояние
ЗАГОЛОВКИ
Пример 1
У секции есть заголовок и текст выше основного контента
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 3 - размер 18, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 3 - размер 18, вес 400, межстрочный 1.5
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер Подзаголовка:
сверху - 10px
снизу - 0px
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер Подзаголовка:
сверху - 10px
снизу - 0px
Заголовок
Пример 2
Текст
Подзаголовок в колонке
У секции есть заголовок выше основного контента
Подзаголовок находится в колонке
Подзаголовок находится в колонке
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 0px
Контейнер Подзаголовка:
сверху - 0px
снизу - 10px
Контейнер Текста:
сверху - 5px
снизу - 0px
Контейнер Заголовка:
сверху - 0px
снизу - 0px
Контейнер Подзаголовка:
сверху - 0px
снизу - 10px
Контейнер Текста:
сверху - 5px
снизу - 0px
Текст
Заголовок в колонке
Пример 3
У секции есть заголовок, находится в колонке + текст
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер Текста:
сверху - 5px
снизу - 0px
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер Текста:
сверху - 5px
снизу - 0px
Подзаголовок в колонке
Текст 2
Текст 1
Пример 4
У секции есть подгаловок, находится в колонке + текст
Текст:
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер Подзаголовка:
сверху - 0px
снизу - 10px
Контейнер Текста 1:
сверху - 0px
снизу - 5px
Контейнер Текста 2:
сверху - 5px
снизу - 0px
Контейнер Подзаголовка:
сверху - 0px
снизу - 10px
Контейнер Текста 1:
сверху - 0px
снизу - 5px
Контейнер Текста 2:
сверху - 5px
снизу - 0px
Заголовок в колонке
Текст 2
Текст 1
Пример 5
У секции есть заголовок, находится в колонке + текст
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 0px
Контейнер Текста 1:
сверху - 0px
снизу - 0px
Контейнер Текста 2:
сверху - 0px
снизу - 0px
Контейнер Заголовка:
сверху - 0px
снизу - 0px
Контейнер Текста 1:
сверху - 0px
снизу - 0px
Контейнер Текста 2:
сверху - 0px
снизу - 0px
0px
0px
Пример 6
У секции есть заголовок, находится в колонке + текст
Выравнивание по высоте к верху - 0px
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 10 px
Контейнер Текста :
сверху - 5px
снизу - 0px
Контейнер Заголовка:
сверху - 0px
снизу - 10 px
Контейнер Текста :
сверху - 5px
снизу - 0px
Текст
Заголовок в колонке
0px
0px
Пример 7
Секция с 1 колонкой
Выравнивание по высоте к верху - 0px
Текст:
Подзаголовок Subtitle 3 - размер 18, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 3 - размер 18, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Отступы:
Контейнер Подзаголовка :
сверху - 0px
снизу - 10px
Контейнер Заголовка:
сверху - 10px
снизу - 0 px
Контейнер Подзаголовка :
сверху - 0px
снизу - 10px
Контейнер Заголовка:
сверху - 10px
снизу - 0 px
Заголовок
Подзаголовок 3
0px
0px
Пример 8
Секция с Заголовком +
Карточки с подзаголовками и текстами
Карточки с подзаголовками и текстами
Выравнивание по высоте сверху и снизу - 0px
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 0 px
Контейнер Подзаголовка :
сверху - 0px
снизу - 10px
Контейнер Текста:
сверху - 5px
снизу - 0px
Контейнер Заголовка:
сверху - 0px
снизу - 0 px
Контейнер Подзаголовка :
сверху - 0px
снизу - 10px
Контейнер Текста:
сверху - 5px
снизу - 0px
Заголовок
Текст
Подзаголовок
0px
0px
Пример 9
Секция колонки Заголовок + список + кнопка
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 2 - размер 18, вес 700, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Текст кнопки размер 16, вес 500
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 2 - размер 18, вес 700, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Текст кнопки размер 16, вес 500
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер со списком или таблица (внутри списка отступ 30px):
сверху - 20px
снизу - 10px
Контейнер Кнопки:
сверху - 20 px
снизу - 0px
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер со списком или таблица (внутри списка отступ 30px):
сверху - 20px
снизу - 10px
Контейнер Кнопки:
сверху - 20 px
снизу - 0px
Заголовок
Подзаголовок
КОНТЕНТ
0px
0px
Текст
Заголовок
Пример 1
20px
У секции есть заголовок и текст выше основного контента
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер Текст:
сверху - 5 px
снизу - 5px
Спейсер - 15 px
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер Текст:
сверху - 5 px
снизу - 5px
Спейсер - 15 px
0px
0px
Пример 2
20px
Секция с карточками: фото + подзаголовок + текст
Текст:
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Отступ от контента (фото) - 20 px
Контейнер Подзаголовка:
сверху - 0px
снизу - 10px
Контейнер Текст:
сверху - 5px
снизу - 0px
Отступ от контента (фото) - 20 px
Контейнер Подзаголовка:
сверху - 0px
снизу - 10px
Контейнер Текст:
сверху - 5px
снизу - 0px
Текст
Подзаголовок
0px
20px
0px
Пример 3
Секция с карточками: фото + подзаголовок + текст + кнопка
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Текст кнопки размер 16, вес 500
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Текст кнопки размер 16, вес 500
Отступы:
Контейнер Заголовка:
сверху - 0px
снизу - 0px
Контейнер Подзаголовка (до фото):
сверху - 20px
снизу - 10px
Контейнер Текст:
сверху - 5 px
снизу - 5px
Контейнер Кнопки:
сверху - 25 px
снизу - 0px
Контейнер Заголовка:
сверху - 0px
снизу - 0px
Контейнер Подзаголовка (до фото):
сверху - 20px
снизу - 10px
Контейнер Текст:
сверху - 5 px
снизу - 5px
Контейнер Кнопки:
сверху - 25 px
снизу - 0px
Текст
Заголовок
Подзаголовок
30px
Пример 4
Секция колонки
Текст:
Текст - 16, вес 400, межстрочный 1.5
Текст кнопки размер 16, вес 500
Текст - 16, вес 400, межстрочный 1.5
Текст кнопки размер 16, вес 500
Отступы:
Внутри колонки до контента - 30 px
Контейнер текст:
сверху - 0px
снизу - 5px
Контейнер кнопка:
сверху - 25 px
снизу - 0px
Внутри колонки до контента - 30 px
Контейнер текст:
сверху - 0px
снизу - 5px
Контейнер кнопка:
сверху - 25 px
снизу - 0px
Кнопка
Текст
30px
Пример 5
Секция колонки (с фоном) Заголовок + подзаголовок + форма (кнопка)
Текст:
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 3 - размер 18, вес 400, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Текст кнопки размер 16, вес 500
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 3 - размер 18, вес 400, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Текст кнопки размер 16, вес 500
Отступы:
Внутри колонки до контента - 30 px
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер текст:
сверху - 5px
снизу - 5px
Контейнер Форма (или кнопка, или спойлер, таблица ):
сверху - 25 px
снизу - 0px
Внутри колонки до контента - 30 px
Контейнер Заголовка:
сверху - 0px
снизу - 10px
Контейнер текст:
сверху - 5px
снизу - 5px
Контейнер Форма (или кнопка, или спойлер, таблица ):
сверху - 25 px
снизу - 0px
Заголовок
Форма
Подзаголовок
30px
Пример 6
Секция карточки (с фоном) подзаголовок + кнопка на карточке
Текст карточки:
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст кнопки размер 16, вес 500
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст кнопки размер 16, вес 500
Отступы:
Внутри карточки до контента - 30 px
Контейнер подзаголовок:
сверху - 0px
снизу - 0px
Контейнер кнопка:
сверху - 30 px
снизу - 0px
Внутри карточки до контента - 30 px
Контейнер подзаголовок:
сверху - 0px
снизу - 0px
Контейнер кнопка:
сверху - 30 px
снизу - 0px
Кнопка
Подзаголовок
30px
Пример 7
Секция карточки: подзаголовок + текст
Текст карточки:
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер подзаголовок:
сверху - 0px
снизу - 10px
Контейнер текст:
сверху - 5 px
снизу - 0px
Отступ между карточками - спейсер 30px
Контейнер подзаголовок:
сверху - 0px
снизу - 10px
Контейнер текст:
сверху - 5 px
снизу - 0px
Отступ между карточками - спейсер 30px
Текст
Подзаголовок
30px
Пример 8
Секция карточки: подзаголовок + текст
Текст карточки:
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер подзаголовок:
сверху - 0px
снизу - 10px
Контейнер текст:
сверху - 5 px
снизу - 0px
Отступ между карточками- спейсер 30px
Контейнер подзаголовок:
сверху - 0px
снизу - 10px
Контейнер текст:
сверху - 5 px
снизу - 0px
Отступ между карточками- спейсер 30px
Текст
Подзаголовок
Текст
0px
Пример 9
Секция 2 колонки
Текст :
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 3 - размер 18, вес 400, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Заголовок Title 2 - размер 40, вес 500, межстрочный 1.2
Подзаголовок Subtitle 3 - размер 18, вес 400, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнерзаголовок:
сверху - 0px
снизу - 10px
Контейнер подзаголовок:
сверху - 10 px
снизу - 0px
Текст:
1 - сверху - 0 px
снизу - 5px
2 - сверху - 5 px
снизу - 5px
3 - сверху - 5 px
снизу - 0px
Контейнерзаголовок:
сверху - 0px
снизу - 10px
Контейнер подзаголовок:
сверху - 10 px
снизу - 0px
Текст:
1 - сверху - 0 px
снизу - 5px
2 - сверху - 5 px
снизу - 5px
3 - сверху - 5 px
снизу - 0px
Заголовок
Подзаголовок
0px
0px
Пример 10
Секция 3 карточки
Текст :
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Подпись Capticon 2 - размер 14, вес 400, межстрочный 1.3
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Подпись Capticon 2 - размер 14, вес 400, межстрочный 1.3
Отступы:
Контейнер изображение:
сверху - 0px
снизу - 0px
Контейнер подзаголовок:
сверху - 20 px
снизу - 10 px
Контейнер подпись:
сверху - 0 px
снизу - 0 px
Спейсер - 30 px
Текст:
сверху - 5 px
снизу - 5px
Контейнер с иконками - прижат к низу
сверху - 25 px
cнизу - 0 px
Контейнер изображение:
сверху - 0px
снизу - 0px
Контейнер подзаголовок:
сверху - 20 px
снизу - 10 px
Контейнер подпись:
сверху - 0 px
снизу - 0 px
Спейсер - 30 px
Текст:
сверху - 5 px
снизу - 5px
Контейнер с иконками - прижат к низу
сверху - 25 px
cнизу - 0 px
Подпись 2
Текст
Изображениe
Подзаголовок 1
МЕНЮ
Текст
50px
Пример 1
Секция карточки: подзаголовок + текст
Текст карточки:
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Подзаголовок Subtitle 2 - размер размер 18, вес 700, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Подзаголовок Subtitle 2 - размер размер 18, вес 700, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер подзаголовок:
сверху - 0px
снизу - 10px
Контейнер меню:
сверху - 10 px
снизу - 0px
Контейнер подзаголовок:
сверху - 0px
снизу - 10px
Контейнер меню:
сверху - 10 px
снизу - 0px
Подзаголовок 2
Подзаголовок 1
ТАБЛИЦЫ
Текст
50px
Пример 1
Секция таблица: Заголовок
В таблице: подзаголовок + текст
В таблице: подзаголовок + текст
Текст карточки:
Подзаголовок Subtitle 2 - размер 18, вес 700, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Подзаголовок Subtitle 2 - размер 18, вес 700, межстрочный 1.5
Текст - 16, вес 400, межстрочный 1.5
Отступы:
В таблице
По горизонтали и вертикали - 30 px
По краям - 0 px
В таблице
По горизонтали и вертикали - 30 px
По краям - 0 px
Подзаголовок 2
Подзаголовок 1
30px
Пример 2
Секция таблица: Заголовок
В таблице: подзаголовок + текст
В таблице: подзаголовок + текст
Текст карточки:
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Контейнер подзаголовок:
сверху - 0px
снизу - 10px
Отступы между подзаголовками - спейсер - 30 px
Контейнер со списком или таблица (внутри списка отступ 30px):
сверху - 10px
снизу - 0px
Контейнер подзаголовок:
сверху - 0px
снизу - 10px
Отступы между подзаголовками - спейсер - 30 px
Контейнер со списком или таблица (внутри списка отступ 30px):
сверху - 10px
снизу - 0px
Текст
ЦЕНЫ
Текст 3
Текст 2
Текст 1
Цена
Текст
Подзаголовок 1
30px
Пример 1
Секция таблица: Заголовок
В таблице: подзаголовок + текст
В таблице: подзаголовок + текст
Текст карточки:
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Number 2 (цена) - размер 50, вес 700, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Подзаголовок Subtitle 1 - размер 22, вес 700, межстрочный 1.3
Number 2 (цена) - размер 50, вес 700, межстрочный 1.2
Текст - 16, вес 400, межстрочный 1.5
Отступы:
Внутри карточки до контента - 30 px
Контейнер подзаголовок 1:
сверху - 0px
снизу - 10px
Контейнер цифра:
сверху - 10px
снизу - 10px
Контейнер текст:
сверху - 0px
снизу - 0px
Отступы между подзаголовками - спейсер - 30 px
1 - сверху - 0 px
снизу - 5px
2 - сверху - 5 px
снизу - 5px
3 - сверху - 5 px
снизу - 5px
Кнопка - прижать снизу
контейнер сверху - 25px
снизу - 0px
Внутри карточки до контента - 30 px
Контейнер подзаголовок 1:
сверху - 0px
снизу - 10px
Контейнер цифра:
сверху - 10px
снизу - 10px
Контейнер текст:
сверху - 0px
снизу - 0px
Отступы между подзаголовками - спейсер - 30 px
1 - сверху - 0 px
снизу - 5px
2 - сверху - 5 px
снизу - 5px
3 - сверху - 5 px
снизу - 5px
Кнопка - прижать снизу
контейнер сверху - 25px
снизу - 0px
ПОДВАЛ
30px
Пример 1
Секция в одну колонку
Текст карточки:
Подпись- 14, вес 400, межстрочный 1.3
Подпись- 14, вес 400, межстрочный 1.3
Отступы:
Внутри между элементами спейсер - 30 px
Контейнер иконки:
сверху - 0px
снизу - 0px
Контейнер текст:
сверху - 0px
снизу - 0px
Внутри между элементами спейсер - 30 px
Контейнер иконки:
сверху - 0px
снизу - 0px
Контейнер текст:
сверху - 0px
снизу - 0px