UI kit US

Заголовки Н1-Н6 и их предназначение
Текст большой и маленький
Шрифт в кнопках
Цвета и их предназначение
Мелкий текст (подпись)
Разделитель
Расстояния сверху и снизу, правила использования
Ссылки оформление
Скругления углов
Кнопки
Формы

Headline 52
Headline 42
Headline 36
Headline 28

Text 24
Text 20
Text 16
Text 14

с базовой настройкой (14/52/26)

Заголовок: 52

It is the intended result of the complete process of presentation of textual material in order to communicate meaning.

В НАСТРОЙКАХ 1-29
Не изменяется при ресайзе

Заголовок: 52

В настройках 1-29
Не изменяется при ресайзе

Описание
В настройках 1-29
Не изменяется при ресайзе

в настройках 30

320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

Заголовок: 52
В настройках 30
320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

Описание
В настройках 30
320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

в настройках 31+

320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

Заголовок: 52
В настройках 31+
320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

В настройках 31+
320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

Лид (вводный текст) с базовой настройкой (30)

Лид (вводный текст) с настройкой в настройках 1-29
Не изменяется при ресайзе

Лид (вводный текст) с настройкой в настройках 30

320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

Лид (вводный текст) с настройкой в настройках 31+

320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

Лид (вводный текст) с настройкой в контенте 14-26
Не изменяется при ресайзе

Лид (вводный текст) с настройкой в контенте 28-30
320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

Лид (вводный текст) с настройкой в контенте 32-102
320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

Мелкий текст с базовой настройкой (15)

Мелкий текст с настройкой в настройках 1-29
Не изменяется при ресайзе

Мелкий текст с настройкой в настройках 30

320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

Мелкий текст с настройкой в настройках 31+

320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

Мелкий текст с настройкой в контенте 14-26
Не изменяется при ресайзе

Мелкий текст с настройкой в контенте 28-30
320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

Мелкий текст с настройкой в контенте 32-102
320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

Текст с базовой настройкой (20)

Текст с настройкой в настройках 1-29
Не изменяется при ресайзе

Текст с настройкой в настройках 30

320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

Текст с настройкой в настройках 31+

320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

Текст с настройкой в контенте 14-26
Не изменяется при ресайзе

Текст с настройкой в контенте 28-30

320-479 — базовые настройки адаптации размера
480+ — указанное в настройках значение

Текст с настройкой в контенте 32-102

320-899 — базовые настройки адаптации размера
900+ — указанное в настройках значение

Headline 42
Font size 42(1201+)-38(1200-641)-30(640-320)

We hope Via.Delivery will alleviate the problem of stolen packages. The cost is nice for heavier packages and we ship a lot of vinyl and bundles (2-3 pounds) that pushes it into USPS priority ground, that are pretty high. If you are a niche business and struggling with customer service and stolen packages it is worth trying Via.Delivery. It is a smart concept to pull everybody together to get better rates
HelloMerch, CEO
I just picked up the chardonnay juice at the FedEx store. Everything worked out very well. I was able to use the tracking number provided to monitor the shipment. I received an email as well as a text message informing me the pail was ready to be picked up. I just went to the desk at the store and in a couple of minutes I was heading home with a pail of juice. It is a bit warm today, probably warmer on the back of a FedEx truck, and this type of shipping allowed the box to be in an air conditioned store while waiting for me. I did need to provide my drivers license and the last four digits of the tracking number in order to pick up the box. That is good protection to ensure the box is not provided to the wrong person. Also, with this method of shipment there isn’t a risk of the box getting stolen by pirates. I would use this method again
Winegrapesdirect's' customer
I think it's pretty great. I was telling my wife about how awesome this shipping option was. Really convenient and cost-effective. Thanks!
HelloMerch's customer

Headline 42
Font size 42(1201+)-38(1200-641)-30(640-320)

Text 24
Font size 24(1201+)-22(1200-641)-20(640-320)

Padding Top - 0
Padding Bottom - 3 line (90рх)

Headline 42
Font size 42(1201+)-38(1200-641)-30(640-320)

Text 24
Font size 24(1201+)-22(1200-641)-20(640-320)

Padding Top - 0
Padding Bottom - 3 line (90рх)

Headline 42
Font size 42(1201+)-38(1200-641)-30(640-320)

Text 24
Font size 24(1201+)-22(1200-641)-20(640-320)

Padding Top - 0
Padding Bottom - 3 line (90рх)

Headline 36
Font size 36(1201+)-32(641-1200)-28(320-640)

Text 20
Font size 20(1201+)-18(641-1200)-16(320-640)

Padding Top - 0
Padding Bottom - 3 line (90рх)

Headline 36
Font size 36(1201+)-32(641-1200)-28(320-640)

Text 20
Font size 20(1201+)-18(641-1200)-16(320-640)

Padding Top - 0
Padding Bottom - 3 line (90рх)

Text 20
Font size 20(1201+)-18(641-1200)-16(320-640)

Headline 28
Font size 28(1201+)-26(641-1200)-24(320-640)

Text 16
Font size 16(1201+)-14(641-1200)-12(320-640)

Headline 28
Font size 28(1201+)-26(641-1200)-24(320-640)

Text 16
Font size 16(1201+)-14(641-1200)-12(320-640)

Мелкий текст 16

Кнопки

Используются 2 вида кнопок: простая и акцентная.
И 3 размера: большой, стандартный и уменьшенный

Шрифт Roboto Medium
Толщина бордюра 2рх
Радиус скругления 3px (большие -- 4px)

Кнопки

Блок из нескольких кнопок

Акцентная 60 (стандартный)

Простая 60 (стандартный)

Дополнительная 60 (стандартный)

Акцентная 45 (уменьшенный)

Простая 45 (уменьшенный)

Дополнительная 45 (уменьшенный)

Блок из одной кнопки

Акцентная 100 (гигантский)

Акцентная 80 (большой)

Акцентная 60 / 22 (увеличенный)