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

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

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

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

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

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

Чем «Призма» отличается от других шаблонов

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

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

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

Когда выбирать «Призму»

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

• Запуски продуктов, технологические мероприятия и вечеринки стартапов — выберите «Призму» в цвете вашего бренда с гармонией «Один цвет», и получится чистая страница в духе бренда. См. корпоративные мероприятия
• Саммиты, конференции и митапы — матовый «билет» на обложке чётко показывает дату, время и место, а расписание читается как аккуратная программа. См. конференции
• Вечеринки компании, командные праздники и выездные встречи — гармония «Тройное сочетание» и свет «Сетка» создают игривую красочную страницу
• Современные свадьбы — пастельная свадьба в розовом, мятном или фиолетовом цвете с «Круглыми» углами и карточками из матового стекла выглядит мягко и современно; свет «Ореол» обрамляет ваши имена
• Дни рождения, бэби-шауэры и помолвки, которым нужен цвет без лишнего

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

Применение «Призмы» к вашему событию

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

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

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

Параметры «Призмы»

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

1. Ваш цвет

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

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

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

2. Цветовая гармония

Какие цвета присоединяются к вашему в свете и градиентах:

• Соседние оттенки (по умолчанию) — два цвета по обе стороны от вашего на цветовом круге: спокойно и цельно
• Противоположный оттенок — цвет напротив вашего плюс близкий сосед: живее
• Тройное сочетание — два цвета, отстоящие на треть круга: игриво
• Один цвет — более светлые и более глубокие оттенки только вашего цвета: сдержанно и лучше всего соответствует бренду компании

3. Свет

Как падает свет за страницей:

• Сетка (по умолчанию) — три мягких свечения в разных углах экрана
• Горизонт — одно широкое свечение, поднимающееся от нижнего края экрана, остальные еле заметны
• Ореол — мягкое кольцо ваших цветов за заголовком

4. Карточки

Как выглядят карточки разделов:

• Матовое стекло (по умолчанию) — полупрозрачный белый с мягким размытием, пропускающий цвет
• Сплошной белый — чёткие белые карточки с тонкой рамкой и мягкой тенью
• Контур — едва заметные карточки с более выраженным контуром, самое лёгкое касание

5. Углы

Насколько скруглены карточки, фото и кнопки:

• Круглые (по умолчанию) — очень скруглённые карточки и кнопки-капсулы
• Мягкие — слегка скруглённые карточки и кнопки-капсулы
• Чёткие — почти квадратные карточки, а кнопки тоже становятся прямоугольными

6. Плывущий свет

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

7. Надпись на обложке

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

8. Заключительный заголовок

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

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

Как оформлен каждый раздел

Обложка

Вместо стандартной шапки — обложка по центру:

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

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

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

Сообщение

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

Обратный отсчёт

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

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

Мозаика из скруглённых фото, которые сохраняют свою форму: ничего не обрезается, и нет пустот.

История

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

Расписание

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

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

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

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

Заключение

Закрывающая карточка из матового стекла с вашим заключительным заголовком (параметр 8) градиентом, датой и местом и последней градиентной кнопкой «Ответить».

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

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

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

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

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

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

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

В: Есть ли тёмная версия «Призмы»? О: Нет. «Призма» — светлый дизайн: страница всегда мягко подкрашена вашим цветом. Для тёмной страницы со светящимся светом попробуйте «Аврору».

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

В: Работает ли «Призма» в языках с письмом справа налево? О: Да. На иврите и арабском макет зеркально отражается, а блики вместе с ним меняются сторонами. Фото обложки сохраняет выбранную вами обрезку.

В: Можно ли использовать с «Призмой» пользовательские поля RSVP? О: Да. Пользовательские поля (раскрывающиеся списки, даты, флажки, загрузка файлов и так далее) автоматически получают скруглённые поля и подписи «Призмы».

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

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

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