Шаблон «Стек» — полное руководство

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

«Стек» — один из более простых дизайнов Fotify: его облик создают три выбранных вами цвета — любых — для панелей, акцента и полосы.

В этом руководстве рассказано, как выглядит «Стек», какие у него есть собственные параметры, как применить его к событию и как он оформляет каждый раздел вашего приглашения.

«Стек» доступен на любом плане, включая бесплатный.

Обзор галереи шаблонов и выбора дизайна см. в статье Как настроить RSVP-приглашение.

Чем «Стек» отличается от других

Стандартные шаблоны меняют цвета и шрифты на одном общем макете. «Стек» заменяет сам макет: у него своя обложка, полоса и заключение, свои заголовки разделов и своё оформление послания, обратного отсчёта, галереи, истории, программы, FAQ и карточки ответа.

Фирменные элементы дизайна

• Стопка панелей — каждый раздел лежит на собственной большой скруглённой панели цвета ваших панелей или почти чёрного его оттенка, с небольшим зазором тёмного фона между панелями
• Кривая света — мягкая светящаяся кривая пересекает обложку и заключительную панель
• Вращающийся значок ответа — текст вашей кнопки ответа бежит по кругу со стрелкой посередине; нажмите на него, чтобы перейти к форме RSVP
• Полоса показателей — до четырёх коротких введённых вами фактов, например «3 дня» или «40+ докладов», в цветной полосе под обложкой с тонкими искрами между ними
• Подписи в [скобках] — каждый раздел открывается маленькой подписью прописными буквами в квадратных скобках вашего акцентного цвета
• Типографика саммита — Urbanist, дружелюбный геометрический гротеск, для имён, заголовков и цифр и Red Hat Text для основного текста
• Всегда читается — какие бы цвета вы ни выбрали, даже бледно-жёлтый или почти чёрный, текст и кнопки подстраиваются так, чтобы чётко читаться

Когда выбирать «Стек»

«Стек» подходит для событий, которые хотят выглядеть современно и чётко организованно:

• Конференции, саммиты и митапы — программа широкими строками, люди, стоящие за ней, в виде портретных карточек и FAQ, который гости могут быстро просмотреть
• Запуски продуктов и корпоративы — панели и акцент в цветах вашего бренда и ваши ключевые цифры в полосе
• Выездные встречи команды и корпоративные вехи — приветствие в формате заявления и обратный отсчёт в больших плитках
• Выпускные — класс, выходные и вечеринка в полосе и ваша история, рассказанная карточка за карточкой

Каким бы ни был повод, фотографии, которые снимают ваши гости, значат не меньше приглашения. Гости могут отсканировать QR-код события и добавить свои фото в общую галерею. О том, как работает Fotify для корпоративных мероприятий, читайте на странице о нём.

Для страницы с разделённым экраном цвета бренда, которая держит главное на виду, попробуйте «Меридиан». Для конференции в виде сцены со слайдами — «Кейноут».

Как применить «Стек» к событию

1. Откройте событие, нажмите Приглашение в боковом меню, затем вкладку Приглашение
2. В разделе «Шаблон дизайна» нажмите «Сменить шаблон», если галерея свёрнута, и найдите «Стек» в группе «Дизайны» (он есть под фильтром «Корпоратив», а также под «Вечеринка» и «Выпускной»)
3. Необязательно: нажмите «Примерить», чтобы увидеть «Стек» с данными вашего приглашения в живом предпросмотре, — ничего не сохранится, пока вы не нажмёте «Применить этот дизайн»
4. Или нажмите карточку «Стек», чтобы сразу его применить
5. Откройте Параметры «Стека» под галереей, чтобы выбрать цвета и другие параметры, описанные ниже. Изменения сохраняются автоматически

«Стек» работает на любом плане. На бесплатных событиях в нижнем углу приглашения показывается небольшой значок «Создано в Fotify»; любой платный план или активная подписка его убирают.

Переход на другой шаблон позже ничего не разрушает: контент события остаётся ровно таким, каким вы его ввели, а параметры «Стека» сохраняются на случай, если вы к нему вернётесь.

Параметры «Стека»

У «Стека» десять собственных параметров. Они заменяют стандартные элементы управления цветом и шрифтами, которые «Стек» не использует.

1. Цвет панелей

Цвет панелей, из которых собрана страница. Выберите предложенный образец — Индиго (по умолчанию), Лесной, Сливовый, Уголь или Океан — или «Любой цвет», чтобы открыть палитру цветов вашего устройства и точно подобрать цвет бренда. Код цвета показан рядом с пастилками.

Подойдёт любой цвет: «Стек» всегда углубляет его до тёмного оттенка того же тона, чтобы страница сохраняла свой тёмный облик стопки. Фон между панелями, карточки внутри них и кривая света на обложке следуют за ним.

2. Акцентный цвет

Цвет кнопок, значка ответа, открытого вопроса в вашем FAQ и маленьких подписей в [квадратных скобках]. Образцы: Барвинок (по умолчанию), Лайм, Коралловый, Небесный и Золотой — или «Любой цвет». Светлые карточки подарков и истории принимают его бледный оттенок. Оттенок подстраивается так, чтобы каждая подпись на нём оставалась читаемой.

3. Цвет полосы

Цвет полосы показателей под обложкой и панели «добавить в календарь». Образцы: Малиновый (по умолчанию), Маджента, Оранжевый, Бирюзовый и Фиолетовый — или «Любой цвет». Текст на полосе переключается между белым и тёмным, чтобы всегда читаться.

4. Фото истории в форме цветка

Включите, чтобы вырезать фото в карточках вашей истории в форме четырёхлепесткового цветка вместо скруглённого портрета. По умолчанию отключено. Меняется только форма; само фото остаётся таким, как вы его загрузили.

5–8. Показатели с 1 по 4

Четыре коротких факта для полосы под обложкой, каждый до 24 символов, показываются ровно так, как вы их введёте, — например, «3 дня», «40+ докладов», «600 гостей» или «Выпуск 2027». Оставьте любой из них пустым, чтобы пропустить его. Если пусты все четыре, полоса не показывается вовсе. «Стек» никогда не считает и не придумывает числа за вас.

9. Строка на обложке

Короткая строка в верхнем углу обложки (до 80 символов). Оставьте пустым, чтобы использовать значение по умолчанию («Вы приглашены»). Попробуйте «Наш ежегодный саммит для всей команды» или «Два дня докладов и один долгий ужин».

10. Заключительная строка

Крупная строка на заключительной панели, над кнопкой ответа (до 80 символов). Оставьте пустым, чтобы использовать значение по умолчанию («Займите своё место»).

Каждый фрагмент текста, который «Стек» печатает на приглашении, — строку на обложке, значок и кнопку ответа, подписи и заголовки разделов, единицы обратного отсчёта, подписи на билете, заключительную строку — можно также переписать прямо на странице: переключите живой предпросмотр в режим редактирования и дважды щёлкните по тексту. Заголовки разделов, которые вы уже задали в их собственных настройках (история, обратный отсчёт, подарки, где остановиться, как добраться, вопросы), редактируются на месте так же.

Как оформляется каждый раздел

Обложка

Первая панель заменяет стандартную шапку:

• Кривая света, пересекающая панель
• Строка на обложке (параметр 9) в верхнем углу
• Дата, время и место над названием вашего события — время подчиняется настройке «Показать время» обложки вашего приглашения, дата и место — настройкам «Показать дату» и «Показать место», а каждый гость видит выбранную вами дату независимо от часового пояса
• Название вашего события, набранное крупно шрифтом Urbanist. Длинные названия уменьшаются на размер, чтобы не ломаться посреди слова
• Ваше фото обложки в скруглённой рамке с другой стороны, с заданной вами горизонтальной обрезкой
• Значок ответа — текст вашего ответа, бегущий по медленно вращающемуся кругу, на углу фото (или сам по себе, если фото нет). Он прокручивает страницу к форме RSVP и появляется только когда виден ваш раздел RSVP, и никогда — на странице «Сохраните дату»

Под обложкой идёт полоса с вашими показателями (параметры 5–8), если вы ввели какие-либо.

Заголовки разделов

Каждый раздел открывается подписью маленькими прописными буквами в квадратных скобках вашего акцентного цвета, затем его заголовок крупно и, для истории и подарков, ваш подзаголовок или сообщение о подарках.

Послание — заявление

Ваше послание на почти чёрной панели, набранное крупно, как однострочный питч саммита. Длинное послание переключается на основной шрифт для чтения.

Обратный отсчёт — плитки с ключевыми цифрами

Каждая единица — скруглённая плитка с очень крупным числом и названием в виде маленькой подписи в [скобках] под ним — на широком экране всё в один ряд. Отсчёт идёт до даты и времени вашего события в часовом поясе места проведения, а когда момент наступает, показывается ваше итоговое послание.

Галерея (карусель)

Ваши фото на почти чёрной панели в сетке из тонких линий: каждое фото в своей ячейке со скруглёнными углами — по два в ряд на телефоне и по три на более широких экранах.

История — портретные карточки

Каждый этап — светлая карточка бледного оттенка вашего акцентного цвета: сверху его фото (скруглённый портрет или четырёхлепестковый цветок при параметре 4), заголовок в роли имени, дата акцентного цвета и ниже текст. Каждый этап оформлен одинаково; если у этапа нет даты или фото, эта часть опускается.

Программа — повестка

Повестка широкими строками: время с одной стороны, событие крупно посередине с заметкой под ним и место с другой стороны, каждая строка отделена тонкой линией. Каждый день открывается своей датой или подписью в виде подписи в [скобках] (только когда у дня есть дата или подпись). Значки записей не показываются.

RSVP — билет

«Вы будете с нами?» с крайним сроком RSVP под ним и форма ответа на карточке в виде билета: дата и место события в шапке, затем пунктирная линия отрыва с вырезом на каждом конце. На странице «Сохраните дату» карточка содержит заметку «Сохраните дату» вместо формы.

Место проведения, Подарки, Детали мероприятия и Сохраните дату

Эти четыре раздела разделяют структуру с другими дизайнами Fotify, окрашиваемыми по выбору (Меридиан, Нить, Призма и Дуотон), и одеты в панели «Стека»:

• Место проведения — на почти чёрной панели: карточка карты рядом с карточкой адреса, где ваш адрес, ваши указания, как добраться, и кнопка «Открыть в Картах». Когда карту показать нельзя, карточка карты рисует метку с координатами места проведения; без координат карточка адреса занимает весь ряд
• Подарки — каждый список подарков, способ оплаты, благотворительная организация и пункт списка желаний — светлая карточка, до трёх в ряд, с пунктирной линией отрыва над кнопками, сгруппированная под маленькими подписями (со счётчиком), когда вы предлагаете больше одного вида. Платёжные реквизиты лежат во вставном блоке с кнопкой «Копировать», а длинные номера счетов переносятся внутри карточки. Ссылки для оплаты, QR-коды для оплаты и резервирование подарков из списка желаний показываются кнопками на каждой карточке
• Детали мероприятия — на почти чёрной панели: карточка на каждую тему — дресс-код с предлагаемыми и нежелательными цветами в виде образцов, где остановиться с каждым отелем в виде мини-карточки (расстояние, ценовой диапазон, промокод, заметки и кнопка «Забронировать»), как добраться со значком для каждого вида транспорта — и ваш FAQ в две колонки скруглённых плиток. Первый вопрос открыт с самого начала, а открытый вопрос заливается вашим акцентным цветом
• Сохраните дату (календарь) — панель цвета вашей полосы с заголовком, датой события и кнопками Google, Apple (скачивает файл календаря) и Outlook

Заключение

Заключительная панель снова с кривой света, вашей заключительной строкой (параметр 10) крупно и кнопкой ответа. Под ней нижняя панель с названием вашего события, датой и местом и ссылками на каждый раздел страницы.

Разделы с общим макетом

Эти разделы сохраняют общий макет Fotify и оформлены в стиле «Стека»:

• Загрузка фото, QR-код, Рассадка, Плейлист, Подсобытия, Особые моменты и пользовательские разделы

Каждый становится панелью стопки, в той же колонке, что и остальная страница, с заголовками шрифтом Urbanist и кнопками вашего акцентного цвета. Фото в пользовательских разделах ограничены по высоте, чтобы высокий портрет не занимал всю страницу.

Часто задаваемые вопросы

В: Откуда берутся цифры в полосе? О: Только из параметров «Показатель 1» — «Показатель 4», ровно так, как вы их введёте. «Стек» никогда не считает за вас гостей, доклады или дни. Оставьте их все пустыми, и полоса скрыта.

В: Я выбрал светлый цвет панелей. Почему страница всё равно тёмная? О: «Стек» построен как тёмная стопка: выбранный вами цвет панелей всегда углубляется до тёмного оттенка того же тона, так что бледно-жёлтый становится глубоким оливковым. Для светлого акцента используйте параметр «Акцентный цвет».

В: Можно ли использовать «Стек» для выпускного или вечеринки, а не конференции? О: Да. Используйте полосу для собственных фактов («Выпуск 2027», «Одна большая вечеринка»), задайте «Строку на обложке» своими словами и выберите цвета, которые подходят к поводу.

В: Что такое фото в форме цветка? О: Когда включены «Фото истории в форме цветка», фото в карточках вашей истории вырезаются в форме четырёхлепесткового цветка вместо скруглённого прямоугольника. Сами фото не меняются, а отключение параметра возвращает прямоугольники.

В: У меня нет фото обложки. Обложка будет выглядеть пустой? О: Нет. Без фото на обложке остаются кривая света, название вашего события и значок ответа сами по себе.

В: Работает ли «Стек» с языками, пишущимися справа налево? О: Да. На иврите и арабском макет зеркально отражается: название вашего события и время в программе переходят вправо, фото и значок — влево, а кривая света изгибается в другую сторону.

В: Двигается ли страница? О: Только слегка: значок ответа медленно вращается, а панели плавно проявляются при прокрутке. Гости, на чьих устройствах включено уменьшение движения, видят неподвижную страницу.

Следующие шаги

• См. Как настроить RSVP-приглашение — про галерею шаблонов и о том, как примерить дизайн перед применением
• Сравните с другими дизайнами для профессиональных событий: «Меридиан» — страница с разделённым экраном цвета вашего бренда или «Кейноут» — сцена конференции со слайдами
• Позвольте гостям делиться фото по QR-коду: узнайте о Fotify для корпоративных мероприятий и цифровых приглашений с RSVP

Нужна помощь? Свяжитесь с нами через виджет помощи в панели управления.