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

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

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

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

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

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

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

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

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

• Пейзаж — закат, нарисованный для вашего приглашения: звёзды, садящееся полосатое солнце, облака, освещённые снизу, три гряды гор с каймой света на гребнях, равнина с отражением солнца и перспективная сетка. Облака медленно плывут
• Ваше фото как экран — ваше фото обложки стоит в долине, где поднимается луч, в дуотоне неба (его света цвета солнца, его тени цвета неба) со светящейся каймой. Заданная вами обрезка сохраняется
• Толпа — ряд людей, увиденных со спины, провожающих закат на равнине. Их можно отключить
• Три неба — синтвейв (фиолетовый переходит в маджента и оранжевый), жар (винный переходит в красно-оранжевый и золотой) или океан (индиго переходит в бирюзовый). Остальная страница — ночь после заката в том же тоне
• Один свет — выберите его из предложенных цветов или в палитре цветов. «Сумерки» используют его для луча, свечения вокруг вашего фото, контурного света, сетки, маленьких подписей и времени сессий
• Ключевые цифры — до четырёх введённых вами цифр, например «300+ / Гостей», в ряду под обложкой
• Плакатная типографика — Big Shoulders Display, жирный узкий шрифт, прописными для имён, заголовков и цифр и Onest для основного текста. Кнопки — белые таблетки
• Всегда читается — какой бы свет вы ни выбрали, даже бледно-жёлтый или почти чёрный, текст и кнопки подстраиваются так, чтобы чётко читаться

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

«Сумерки» подходят для событий с программой и энергией:

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

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

Для сцены с прожектором докладчика попробуйте «Кейноут». Для фестивальной афиши с лайнапом — «Лайнап».

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

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

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

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

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

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

1. Небо

Цвета заката на обложке, на карточках дней программы и в финале:

• Синтвейв (по умолчанию) — глубокий фиолетовый переходит в маджента, горизонт оранжевый
• Жар — винный переходит в красно-оранжевый, горизонт золотой
• Океан — индиго переходит в бирюзовый, горизонт бледный цвета морской волны

Страница после обложки принимает тот же тон в виде почти чёрной ночи.

2. Свет

Цвет света. Выбрать его можно двумя способами:

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

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

3. Силуэты толпы

Включено по умолчанию: ряд людей, стоящих на равнине и провожающих закат. Отключите, чтобы пейзаж остался пустым.

4–7. Цифры с 1 по 4

До четырёх ключевых цифр, показанных рядом под обложкой, ровно так, как вы их введёте (до 24 символов каждая). Введите число, косую черту и то, что оно считает, — «300+ / Гостей», «3 / Дня», «12 / Спикеров» — и «Сумерки» набирают число крупно с подписью под ним. Текст без косой черты показывается как одна крупная цифра. Оставьте цифру пустой, чтобы скрыть её; если пусты все четыре, ряд не показывается. «Сумерки» ничего не считают за вас.

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

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

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

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

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

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

Обложка

Стандартную шапку заменяет пейзаж:

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

Ключевые цифры

Ваши цифры (параметры 4–7) в ряду под обложкой — по две в ряд на телефоне, все в одном ряду на более широких экранах.

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

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

Послание — строка миссии

Короткое послание (до примерно 240 символов) набирается как манифест крупными узкими заглавными буквами, и его слова загораются одно за другим, пока гости прокручивают его в поле зрения. Более длинное послание читается как письмо основным шрифтом. Гости, на чьих устройствах включено уменьшение движения или чьи браузеры не поддерживают этот эффект, видят строку полностью подсвеченной.

Обратный отсчёт — плитки-акценты

По одной тёмной плитке на каждую единицу, а поверх каждой полоса пейзажа: рядом друг с другом полосы образуют один непрерывный закат. Цифры набраны узким шрифтом. Отсчёт идёт до даты и времени вашего события в часовом поясе места проведения, а когда момент наступает, показывается ваше итоговое послание.

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

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

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

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

Программа — карточка на каждый день

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

RSVP — ваш пропуск

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

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

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

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

Заключение

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

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

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

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

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

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

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

В: Почему в программе написано «День 1» и «День 2»? О: Когда ваша программа идёт несколько дней, карточка каждого дня показывает его место в программе, в порядке дней. Однодневная программа не показывает номера. Слово «День» можно изменить в режиме редактирования живого предпросмотра.

В: Можно ли использовать цвет моего бренда? О: Да. Задайте «Свет» цвета вашего бренда с помощью «Любой цвет». Он окрашивает луч, свечение, подписи и время сессий; небо сохраняет цвета выбранного вами заката.

В: Показывается ли моё фото обложки в собственных цветах? О: На обложке оно стоит в пейзаже как экран в цветах неба, поэтому сливается с закатом — люди и сцена при этом остаются легко узнаваемыми. Фото вашей галереи сохраняют собственные цвета.

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

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

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

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

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

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