Рассылка и лист ожидания

13 компонентов

Формы, которые собирают почту: классическая подписка, полоса во всю ширину, тёмная карточка, форма с превью письма и с выбором тем. Если нужно убедить — есть вариант с числом подписчиков. Отдельно — подписки с характером из сайтов-сценариев: «хлебный будильник», письмо после выпуска подкаста, цветы по подписке.

В готовых сайтах

Посмотрите, как элементы этого раздела работают вместе с другими секциями.

  • Кофейня-пекарня

    Сайт кофейни-пекарни, который живёт по часам печи: шапка с живым «открыто / откроемся через», первый экран с таймером печи и лентой партий, полка с перетаскиванием и остатками, шкала крепости кофе с наполняющимся стаканом, конструктор коробки к утру, scroll-история «36 часов до буханки» с ночью и утром, люди с записками, перфокарта со штампами, bento-галерея, отзывы на чеках, карта с очередью по часам, хлебный будильник и подвал с полосой дня. Светлая тема: молоко, корка и мак, Playfair Display и Caveat.

  • Подкаст

    Сайт подкаста в тёмной теме с кислотным индикатором записи: шапка с чипом «сейчас играет», плеер эпизода недели с живой волной и главами, лента эпизодов, где длительность — длина полосы, цитаты бегущими строками навстречу друг другу, гости бесконечной лентой, статистика count-up и платформы с наклоном, уровни поддержки на фоне студии, письмо после выпуска с переворотом конверта, подвал с огромной словомаркой и мини-плеер, который выезжает снизу и связывает всё событиями. Sofia Sans Extra Condensed, Inter Tight и IBM Plex Mono.

  • Цветочная мастерская

    Сайт цветочной мастерской «Стебель» в духе ботанического журнала — бумага, чернила, маковый акцент, антиква Cormorant: первый экран с букетом из SVG-слоёв, который собирается при загрузке и разъезжается параллаксом, каталог-оглавление с картинкой за курсором, конструктор букета, где стебли вырастают из вазы, доставка к часу от текущего времени, сезонный календарь лентой с drag-scroll, уход с прорисовывающимися иконками, о мастерской с коллажем, отзывы-открытки, подписка с квитанцией и подвал с картой. Cormorant, Golos Text и Caveat.

Что добавить дальше

Эти секции идут следом в готовых сайтах VibeUI.