Заголовки Н1-Н6 и их предназначение
Текст большой и маленький
Шрифт в кнопках
Цвета и их предназначение
Мелкий текст (подпись)
Разделитель
Расстояния сверху и снизу, правила использования
Ссылки оформление
Скругления углов
Кнопки
Формы
Font size 30(320-640)-38(641-1200)-42(1201+)
Заголовок 52
Крупный текст 26
Font size 20(320-640)-22(641-1200)-26(1201+)

Отступ сверху блока - 0
Отступ снизу блока - 3 line (90рх)
Text 20
Font size 16(320-640)-18(641-1200)-20(1201+)
Заголовок 42
Font size 30(320-640)-38(641-1200)-42(1201+)
Крупный текст 24

Отступ сверху блока - 0
Отступ снизу блока - 3 line (90рх)
Подзаголовок 28
Font size 24(320-640)-26(641-1200)-28(1201+)
Обычный текст 20
Мелкий текст 16
Кнопки
Используются 2 вида кнопок: простая и акцентная.
И 3 размера: большой, стандартный и уменьшенный

Шрифт Roboto Medium
Толщина бордюра 2рх
Радиус скругления 3px (большие -- 4px)
Кнопки
Блок из нескольких кнопок
Блок из одной кнопки
#fa4c34
акцентный
#f3655c
акцентный светлый
#001028
черный заголовочный
#484545
черный текстовый
#a7a3a2
фоновый темный
#f2f2f2
фоновый светлый
#fc6c56
акцентный ховер
Заголовок 52 в блоке с фоном
Отступ сверху блока - 3 line (90рх)
Отступ снизу блока - 3 line (90рх)
Заголовок 52 после блока с фоном
Отступ сверху блока - 3 line (90рх)
Отступ снизу блока - 3 line (90рх)
Заголовок 52 в блоке с фоном
Отступ сверху блока - 3 line (90рх)
Отступ снизу блока - 3 line (90рх)
Форма для заявки
(расстояние до заголовка = 50рх)
H2 (52px) - Header for the block (this block is usually placed on the first screen)
H6 (26px) - The subtitle for this block
23,000+
brick-and-Mortar
locations
5
countries
2,000+
pure play e-commerce webstore partners
Заголовок блока
(если сверху темный блок, то отступ = 90рх, светлый = 120рх)
Подзаголовок
Здесь идет некторый текст с описанием это блока
Подзаголовок
Здесь идет некторый текст с описанием это блока
Подзаголовок
Здесь идет некторый текст с описанием это блока
  • Подзаголовок
    Здесь идет некторый текст с описанием это блока
  • Подзаголовок
    Здесь идет некторый текст с описанием это блока
  • Подзаголовок
    Здесь идет некторый текст с описанием это блока

How it works
1
You register to Via.Delivery for free
Onboard in 5 minutes and you're ready to go
2
You get packages
Our couriers bring them to your store during your working hours
3
Shopper picks up their order at cash register
20 seconds to scan QR code on package and hand it to shopper

FAQ
Вопрос
Ответ
Вопрос
Ответ