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

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

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

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

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

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

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

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

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

• Плакат, который никуда не уходит — на экранах шириной от 1024 пикселей плакат — это колонка, которая остаётся на месте, пока рядом прокручивается страница, поэтому дата, место и кнопка ответа всегда под рукой. Вы выбираете, с какой стороны он расположен
• Цвет вашего бренда, любой цвет — выберите один из предложенных образцов или любой цвет в палитре. «Меридиан» заливает им плакат и кнопки и корректирует оттенок лишь настолько, насколько нужно, чтобы все надписи оставались читаемыми, — бледно-жёлтый или почти чёрный всё равно дадут чистую и разборчивую страницу
• Три способа заполнить плакат — сплошной цвет, фото обложки или фото обложки, напечатанное в вашем цвете (чёрно-белое фото, залитое цветом бренда, как на рекламном плакате)
• Панель ответа на телефонах — когда гость прокручивает страницу мимо плаката, вверху выезжает узкая панель с названием мероприятия, датой и кнопкой «Ответить»; пока на экране сама форма RSVP, панель уступает место
• Нумерованные разделы — каждый раздел начинается с тонкой линии с порядковым номером (01, 02, 03…) и небольшой подписью, а затем идёт заголовок. Скрытые разделы не оставляют пропусков в нумерации
• Три шрифта на выбор — современный гротеск (Inter Tight), классический шрифт с засечками (Cormorant Garamond) или геометрический гротеск (Sora) для названия мероприятия и заголовков; для основного текста всегда Inter
• Заключение в тон плакату — страница заканчивается полосой цвета плаката с последней кнопкой ответа, так что она завершается там же, где началась

Когда выбирать «Меридиан»

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

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

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

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

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

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

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

Параметры «Меридиана»

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

1. Фирменный цвет

Цвет плаката и кнопок, а также небольших акцентов на странице (номера разделов, подписи, ссылки). Выбрать его можно двумя способами:

• Готовый образец — «Тёмно-синий» (по умолчанию), «Изумрудный», «Бордовый», «Терракотовый», «Сливовый», «Золотой», «Кобальтовый» или «Графитовый»
• Выбрать любой цвет — последний значок открывает палитру цветов вашего устройства, так что вы можете точно подобрать фирменный цвет компании или палитру свадьбы. Код цвета (например, #1F3A5F) показан рядом со значками

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

2. Плакат

Чем заполнен плакат:

• Сплошной цвет (по умолчанию) — ваш фирменный цвет
• Фото обложки — фото обложки вашего приглашения, с белым текстом поверх мягкого тёмного градиента, чтобы текст читался на любом фото
• Фото обложки в вашем цвете — фото обложки в чёрно-белом варианте, напечатанное цветом бренда: тени становятся тёмными, а светлые участки принимают ваш цвет. Светлый цвет бренда для такой печати углубляется, чтобы белый текст на нём оставался читаемым

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

3. Страница

Фон за блоками с подробностями:

• Чистый белый (по умолчанию)
• Тёплая бумага — тёплый почти белый
• Тёмная — почти чёрная страница с угольными карточками и светлым текстом; плакат сохраняет цвет вашего бренда

4. Шрифт

Шрифт названия мероприятия и заголовков разделов. Основной текст всегда набирается шрифтом Inter.

• Современный гротеск (по умолчанию) — Inter Tight, жирный, с плотным межбуквенным интервалом; подходит для запусков и конференций
• Классический с засечками — Cormorant Garamond; подходит для свадеб и гала-вечеров
• Геометрический — Sora, геометрический гротеск

5. Сторона плаката (широкие экраны)

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

6. Ссылки на разделы на плакате

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

7. Панель ответа на телефонах

Включено по умолчанию: когда гость на телефоне прокручивает страницу мимо плаката, узкая панель вверху оставляет название мероприятия, дату и кнопку «Ответить» на расстоянии одного касания. Пока на экране форма RSVP, панель уступает место, а на широких экранах, где кнопка плаката всегда видна, она не появляется вовсе. Отключите, если панель вам не нужна.

8. Надпись на плакате

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

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

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

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

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

Плакат (обложка)

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

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

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

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

Сообщение

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

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

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

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

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

История

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

Расписание

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

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

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

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

Заключение

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

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

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

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

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

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

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

В: Почему плакат выглядит немного не так, как выбранный мной цвет? О: Потому что на первом месте читаемость. Когда белый или почти чёрный текст трудно прочитать на точном цвете, «Меридиан» сдвигает его в сторону более тёмного или светлого ровно настолько, чтобы это исправить, сохраняя тот же оттенок. Цвета средней яркости обычно используются точно такими, как выбраны.

В: «Меридиан» подходит только для корпоративных мероприятий? О: Нет. Макет на разделённом экране пришёл из современных страниц мероприятий, но так же хорошо работает и для свадьбы: выберите «Классический с засечками», цвет из палитры вашей свадьбы и фото с помолвки в качестве плаката.

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

В: Почему я не вижу ссылки на разделы на плакате? О: Они показываются только на широких экранах (от 1024 пикселей), когда включён параметр «Ссылки на разделы на плакате» и на странице есть больше одного видимого раздела, кроме RSVP.

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

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

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

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

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