Шаблон Vesper — полное руководство
Vesper — это четвёртый ультра-премиальный шаблон в библиотеке Fotify. Если Atelier — это формальный леттерпресс, Cinematic — драматичность киноафиши, а Marigold — богемный стиль 1970‑х, то Vesper — это мягкая современная романтика: пудровая бумага, курсивные заголовки Cormorant, арочная фоторамка, ромбовидные орнаменты и коллаж в стиле полароидного скрапбука.
В этом руководстве рассказывается, как выглядит Vesper, какие уникальные для него параметры настройки доступны, как разблокировать его для вашего события, и как он по‑особенному оформляет каждый раздел приглашения.
Обзор стандартной библиотеки шаблонов и интерфейса выбора см. в статье Как настроить RSVP‑приглашение.
Чем Vesper отличается
Стандартные шаблоны управляют цветами, шрифтами и эффектами через CSS‑переменные — у них у всех один и тот же базовый макет. Vesper отличается: он заменяет целые макеты разделов на вручную проработанные мягко‑романтичные варианты, поставляется со своей типографикой (Cormorant Garamond + Inter) и предоставляет специфичные для шаблона параметры настройки.
Фирменные элементы дизайна
- Арочная фотообложка — три арочных силуэта с SVG‑обрезкой (готика / круглая / садовая). Обложка отображается внутри арки; имена пары — сверху курсивом Cormorant Garamond, а по бокам — строка «When / Where».
- Ромбовидные орнаменты — маленькие заполненные ромбы (♦) появляются между разделами, вокруг заголовков глав и в строке между временем Церемонии и Приёма. Это фирменная редакционная деталь по всей странице.
- Полоса с цитатой — необязательная терракотовая полоса между обложкой и историей с крупной курсивной цитатой Cormorant ("Once in a while, love gives us a fairy tale"). Звёздочки в стиле Markdown выделяют отдельные слова курсивом.
- Двойной блок Ceremony / Reception — два крупных курсивных отображения времени ("4 pm" / "6 pm") с ромбом‑разделителем, автоматически берутся из первых двух пунктов расписания.
- Коллаж в стиле полароидного скрапбука — фотографии отображаются как перекрывающиеся повернутые полароид‑рамки с белыми полями и мягкими тенями. Три варианта: polaroid / grid / single.
- Нежные пастельные палитры — четыре заранее настроенные палитры, сочетающие мягкий «бумажный» тон с глубоким романтичным акцентом: rose+terracotta, sage+sand, sky+indigo, lavender+plum.
- Курсив Cormorant Garamond для дисплея — фирменный голос: элегантный каллиграфический курсив для каждого заголовка, подзаголовка и цитаты. Inter используется для основного текста — современная чистая читаемость.
- Кнопки‑«пилюли» — скруглённые CTA‑кнопки в акцентном цвете, с инверсией при наведении. Используются для календаря, реестра подарков, RSVP и финальной карточки.
- Киношный параллакс — изображение в арке на обложке и фотографии в разворотах истории используют
background-attachment: fixed, поэтому они остаются «прикреплёнными» к окну просмотра, пока контент прокручивается. - Финальная полоса — терракотовый футер с линией, обрамлённой ромбами, курсивным заголовком "Hoping to celebrate with you!" и кнопкой RSVP в стиле «бумага на акценте».
Когда стоит выбирать Vesper
Vesper создан для событий, где мягкая романтика — доминирующее настроение:
- Свадьбы в часовне, садовые свадьбы, свадьбы на винограднике — готическая арка подходит историческим площадкам; круглая арка — современной архитектуре; садовая арка — церемониям на открытом воздухе
- Камерные свадьбы (≤120 гостей) — «плавающий» полароидный скрапбук воспринимается теплее и личнее в небольшом формате
- Обновление свадебных клятв — мягкое романтичное настроение подходит парам со стажем
- Помолвочные вечеринки и девичники (bridal shower) — пастели и курсивные заголовки великолепно смотрятся на таких близких по духу праздниках
- Юбилейные события — 10/25/50‑летние годовщины, когда хочется более мягкого настроения, чем формальность Atelier
- Современные пары — эстетика миллениалов и Gen‑Z, сочетание полароид‑коллажа и аудиоплейлиста
- Однополые свадьбы, вторые браки, смешанные семьи — инклюзивное мягко‑романтичное настроение не выглядит излишне традиционным/формальным
Он менее подходит для неформальных вечеринок (используйте стандартный шаблон), гала‑ужинов black tie (используйте Atelier), современных/«острых» свадеб (используйте Cinematic) или эстетики 70‑х в стиле бохо (используйте Marigold).
Применение Vesper к вашему событию
- Откройте вкладку Customize на панели управления событием
- Прокрутите галерею стандартных шаблонов до раздела Premium внизу
- Нажмите карточку Vesper
- В интерфейсе выбора появится панель настроек — задайте параметры (см. ниже)
- Сохраните
Переключение обратно на стандартный шаблон не разрушает настройки. Специфичные для Vesper параметры хранятся отдельно, поэтому при переключении туда‑обратно ваши значения сохраняются.
Премиум‑доступ (кто может использовать Vesper)
Vesper — шаблон премиум‑уровня и сохраняется только для событий с платным доступом:
- Платные (с оплатой кредитами) события — доступ предоставляется автоматически
- События по подписке с активной подпиской — доступ предоставляется автоматически
- Бесплатные события — в интерфейсе выбора Vesper отображается как заблокированный с подсказкой об апгрейде; сервер отклоняет сохранение с 403
Блокировка применяется и в интерфейсе выбора, и на стороне сервера.
Параметры настройки
Vesper предоставляет шесть специфичных для шаблона параметров сверх стандартных настроек цветов и шрифтов Fotify.
1. Cover eyebrow
Небольшая курсивная строка под именами пары. Примеры: "Invite You To Celebrate Their Wedding" (по умолчанию), "Together with their families", "Are getting married", "Are tying the knot".
2. Pull quote
Крупная цитата на терракотовой полосе между обложкой и разделом истории. Используйте звёздочки, чтобы выделять отдельные слова курсивом ("Once in a while, love gives us a fairy tale"). Оставьте пустым, чтобы полностью убрать полосу с цитатой.
3. Color palette
Мягкая «бумага» + глубокий акцент. Четыре палитры:
- Rose & Terracotta (по умолчанию) — классическая свадьба в оттенках blush
- Sage & Sand — сад / загород / травяной сад
- Sky & Indigo — современный минимализм / побережье
- Lavender & Plum — сумерки / осень / баклажановые оттенки
4. Arch style
Арочная фоторамка на обложке. Три варианта:
- Gothic (по умолчанию) — остроконечная соборная арка; подходит для свадеб в часовне, исторических площадок, классических каменных церквей
- Round — классическая римская полуарка; подходит для современной архитектуры, проёмов, современных площадок
- Garden — мягкая скруглённая арка; подходит для церемоний на открытом воздухе, садовых свадеб, цветочных арок
5. Photo collage style
Как располагаются фотографии галереи:
- Polaroid (по умолчанию) — перекрывающиеся повернутые фото с белыми полями, эффект скрапбука
- Grid — ровная сетка в 2 или 3 колонки, редакционный / чистый стиль
- Single — одно крупное главное изображение, минимализм
6. Show diamond ornaments
Переключатель ромбов (♦) между разделами, вокруг заголовков глав и в строке между временем церемонии/приёма. Включено по умолчанию. Отключите для более чистого минималистичного ощущения.
Как оформляется каждый раздел
Cover
Обложка Vesper полностью заменяет стандартный хедер:
- Couple names — курсив Cormorant Garamond, крупно, по центру
- Eyebrow — курсивный подзаголовок Cormorant под именами
- Arched photo — по центру, с параллакс‑эффектом (фото остаётся привязанным к окну просмотра)
- When / Where — курсивные метки по бокам арки с датой / местом
- Diamond ornament — небольшой заполненный ромб под аркой
- Ceremony / Reception twin — два курсивных отображения времени, разделённые ромбом; берутся из первых двух пунктов расписания
Если фото события не задано, внутри арки отображается мягкий градиентный фон.
Pull-quote band (optional)
Когда задан параметр pullQuote, между обложкой и списком разделов отображается полноширинная терракотовая полоса. Крупный курсив Cormorant Garamond на акцентной «бумаге», с разделителями‑линиями с ромбами сверху и снизу. Звёздочки (*) обрамляют текст для курсивного выделения.
Story (This Is Us)
Ромбовидный орнамент + курсивный заголовок "This Is Us" + описание первого этапа как вступление, далее — фотоколлаж (polaroid / grid / single в зависимости от настройки). Каждый следующий этап отображается как чередующийся разворот с фото + курсивной датой + курсивным заголовком Cormorant + основным текстом.
Countdown
Ромб + курсивный заголовок главы + плитки мягкой «бумаги», разделённые ромбами. Значение каждого блока — курсив Cormorant Garamond, подпись — Inter в капителях.
RSVP
Центрированная карточка на альтернативном «бумажном» фоне. Над стандартной формой RSVP — курсивный дедлайн (остальное переработано за счёт полировки: поля ввода с тонким подчёркиванием, кнопка отправки‑«пилюля»).
Gallery (Carousel)
Примитив фотоколлажа в выбранном стиле. Polaroid создаёт перекрывающийся скрапбук; grid — редакционный; single — минималистичный.
Location
Арочная фотография площадки (в стиле арки обложки) рядом с карточкой на альтернативном «бумажном» фоне с адресом, встроенной картой и маршрутом. Карта с тонкой рамкой и скруглениями.
Save the Date (Calendar)
Три кнопки‑«пилюли» с акцентной обводкой (Google / Apple / Outlook). При наведении — инверсия в сплошную заливку.
Itinerary
Курсивные заголовки дней Cormorant (по центру) и полное расписание ниже. В каждой записи время — дисплейный Cormorant слева, детали события — справа.
Gifts
Полоса с инверсией акцента и три карточки мягкой «бумаги» (Registries / Monetary / Charity). В каждой карточке: курсивный заголовок, описание и акцентная кнопка‑«пилюля» для внешних ссылок / действий копирования.
Event Details
Стек «production notes»: дресс‑код — как центрированная курсивная цитата Cormorant между тонкими линиями; проживание — как карточки мягкой «бумаги»; транспорт — компактными строками; FAQ — курсивные вопросы и ответы с тонким левым отступом для ответов.
Message
Текст приглашения от организаторов отображается с «eyebrow» "A Word from the Hosts" и курсивной буквицей Cormorant Garamond в начале первого длинного абзаца. Основной текст — Inter.
Closing band
Терракотовый футер с линией, обрамлённой ромбами, курсивным заголовком "Hoping to celebrate with you!" и кнопкой RSVP в стиле «бумага на акценте».
Разделы, которые наследуют стиль (без индивидуального макета)
Некоторые разделы по‑прежнему отображаются через стандартный набор компонентов и наследуют слой полировки Vesper:
- Photo Upload — кнопка загрузки в стиле «пилюли», поля ввода с тонким подчёркиванием
- QR Code — пластина QR с акцентной рамкой
- Table Assignment — кнопка поиска/CTA в стиле «пилюли»
- Custom sections — курсивные заголовки Cormorant, основной текст Inter, мягкие карточки
Слой полировки помогает им выглядеть «в рамках шаблона» без полного переписывания макета.
Статус beta
Vesper поставляется в beta вместе с Atelier, Cinematic и Marigold. Это означает:
- Стабилен для использования в продакшене — протестирован на всех 10 разделах с индивидуальным оформлением и на наследуемых разделах
- Вероятны изменения — мы можем уточнять формы арок, добавлять больше палитр и дорабатывать ритм поворота полароидов на основе данных использования
- Появятся новые премиум‑шаблоны — Riviera (прибрежный арт‑деко) и Onyx (нуар в стиле speakeasy) всё ещё в планах
Если вы заметили, что можно улучшить, отправьте отзыв через виджет помощи в панели управления.
Часто задаваемые вопросы
Q: Можно ли использовать Vesper для несвадебного события? A: Да — мягкое романтичное настроение Vesper хорошо подходит для юбилейных вечеринок, обновления клятв, помолвок, bridal shower и семейных встреч к важным датам. Установите подходящую строку cover eyebrow ("Celebrating 25 Years", "Bridal Shower" и т. п.).
Q: В чём разница между Vesper и Marigold? A: Оба тёплые и «редакционные» по стилю, но Vesper — мягкий и современный (blush + курсив Cormorant + арочная фотография + полароиды), а Marigold — тёплый и богемный (кремовый фон + узкий slab serif + рисованные иллюстрации + журнальная эстетика 1970‑х). Vesper ощущается как Pinterest 2025; Marigold — как Vogue 1975.
Q: Работает ли поворот полароидов на мобильных устройствах? A: На экранах меньше 760px полароиды схлопываются в центрированную «обтекаемую» раскладку с равномерными небольшими поворотами. Каждое фото сохраняет ощущение скрапбука без перекрывающейся композиции как на десктопе.
Q: Могу ли я загрузить собственную форму арки? A: В beta — нет. Три арки (gothic / round / garden) — это вручную настроенные SVG clip-path. Возможно, мы добавим загрузку пользовательской арки в будущих релизах.
Q: В цитате отображаются звёздочки вместо курсива?
A: Курсив в стиле Markdown использует одиночные звёздочки: *love gives us* отображается как love gives us. Убедитесь, что каждая пара звёздочек обрамляет слова, которые вы хотите выделить.
Q: Работает ли Vesper с аудиоплеером / музыкальным фоном? A: Да. Стандартный BackgroundMusicPlayer Fotify сохраняется во всех премиум‑шаблонах, включая Vesper. Добавьте URL YouTube в конфигурацию события, чтобы включить.
Q: Можно отключить ромбы? A: Да — отключите переключатель "Show diamond ornaments" в панели настроек. Ромбы между разделами, в заголовках глав и между плитками обратного отсчёта исчезнут, оставив более чистое мягко‑романтичное оформление.
Дальнейшие шаги
- См. Как настроить RSVP‑приглашение — про интерфейс выбора и включение премиум‑шаблонов для вашего события
- Сравните с Atelier, Cinematic и Marigold — тремя другими премиум‑шаблонами
- Цены на премиум‑шаблоны — на странице цен
- Подробнее о приложении Fotify для обмена свадебными фото, если вы планируете свадьбу
Нужна помощь? Свяжитесь с нами через виджет помощи в панели управления.
Была ли эта статья полезной?