Шаблон Marigold — полное руководство
Marigold — третий ультра-премиальный шаблон в библиотеке Fotify. Если Atelier вдохновлён высокой печатью (letterpress), а Cinematic — киноафишами, то Marigold заимствует эстетику свадебных журналов 1970-х: тёплая кремовая бумага, глубокие бордовые чернила, сжатые заголовки slab serif, курсивный основной текст и фирменные рисованные линейные иллюстрации.
В этом руководстве объясняется, как выглядит Marigold, какие уникальные настройки доступны, как разблокировать его для вашего события и какую авторскую обработку он применяет к каждому разделу приглашения.
Обзор стандартной библиотеки шаблонов и интерфейса выбора см. в статье Как настроить RSVP-приглашение.
Чем Marigold отличается
Стандартные шаблоны управляют цветами, шрифтами и эффектами через CSS-переменные — у всех них один и тот же базовый макет. Marigold устроен иначе: он заменяет макеты целых разделов на вручную созданные редакционные оформления, поставляется со своей типографикой (DM Serif Display + Lora) и предлагает специфичные для шаблона настройки сверх стандартного управления цветами и шрифтами.
Фирменные элементы дизайна
- Плавающая обложка-карточка кремового цвета — полноэкранная (full-bleed) «живая» фотография события, поверх которой по центру размещается кремовая бумажная карточка с заголовком ("It's Our Wedding Day"), рисованной линейной иллюстрацией, датой/местом, курсивным текстом и кнопкой RSVP в форме «таблетки»
- Рисованные линейные иллюстрации — четыре мотива (бокалы для шампанского, обручальные кольца, винтажный автомобиль, цветочный венок) появляются и на обложке, и в нижнем колонтитуле. Настраиваются в панели кастомизации.
- Сжатый slab serif для заголовков — DM Serif Display для всех заголовков; тёплый «журнальный» характер в духе свадебных изданий 1970-х
- Курсив Lora для основного текста — тёплая гуманистическая антиква с отличной поддержкой курсива для слоганов и заметок
- Чередование «крем и чернила» — большинство разделов отображается на кремовом бумажном фоне; разделы Gifts и Countdown инвертируются в глубокую «чернильную» полосу (бордовый / оливковый / терракотовый / тёмно-синий), чтобы разбивать ритм
- Бегущие заголовки разделов (marquee) — необязательный повторяющийся баннер ("GIFTS & WISHES 🎀 GIFTS & WISHES 🎀"), который горизонтально прокручивается, с рисованными бантиками между повторами. Добавляет выразительное «журнальное» настроение.
- Кнопки-«таблетки» повсюду — округлые CTA (кремовый/чернильный контур меняется на заливку при наведении) заменяют стандартные брендированные календарные чипы и кнопку отправки RSVP
- Мягкие тёплые тени — карточки и плитки дают едва заметную тёплую тень (в цвет «чернил») для глубины без потери ощущения печатной продукции
- Параллакс в фотографиях — фон обложки и фото в разворотах Story используют «кино»-параллакс (
background-attachment: fixed); изображения остаются привязанными к окну просмотра, пока обложка прокручивается - Футер в виде закрывающей карточки — футер в три колонки с рисованной иллюстрацией + монограммой по центру, деталями события слева, деталями церемонии справа — всё на инвертированной «чернильной» полосе
Когда выбирать Marigold
Marigold создан для событий, где тёплая, богемная атмосфера так же важна, как и элегантность:
- Современные свадьбы — особенно садовые, виноградниковые, в горах или у озера, когда вы хотите, чтобы страница ощущалась как свадьба, снятая на плёнку в духе 1970-х, а не как формальная канцелярия
- Обновление клятв — праздничное, «живое» настроение отлично подходит для годовщин и обновления клятв
- Камерные свадьбы (≤80 гостей) — личный масштаб плавающей карточки воспринимается теплее, чем драматичная «постерность» Cinematic
- Юбилейные вечеринки и значимые даты — раздел Story превращается в «From One Message to a Lifetime» — идеально для таймлайна 10/25/50-летней годовщины
- Помолвочные вечеринки — неформально, но элегантно
- Bridal shower и садовые вечеринки — палитра крем/бордо и иллюстрация с цветочным венком хорошо подходят для встреч в саду
- Открытия ресторанов, галерей, запусков ателье — везде, где важна ярко выраженная творческая/редакционная эстетика
Он менее подходит для крайне формальных мероприятий в стиле black-tie (для «letterpress»-формальности используйте Atelier), современных корпоративных событий (используйте Cinematic) или мероприятий, где нужен полностью традиционный канцелярский вид (используйте Atelier).
Применение Marigold к вашему событию
- Откройте вкладку Customize в панели управления событием
- Прокрутите стандартную галерею шаблонов до раздела Premium внизу
- Нажмите карточку Marigold
- В селекторе откроется панель настроек — задайте параметры (см. ниже)
- Сохраните
Возврат к стандартному шаблону в любое время не разрушает данные; содержимое события останется ровно таким, каким вы его ввели. Премиальные настройки сохраняются отдельно, поэтому если вы переключитесь обратно позже, параметры Marigold останутся на месте.
Премиальный доступ (кто может использовать Marigold)
Marigold — шаблон премиального уровня, и его можно сохранить только для событий с платным доступом:
- Платные события (с оплатой кредитами) — события, использующие ваши кредиты, получают доступ автоматически
- События по подписке с активной подпиской — события в рамках активной подписки или в grace-period имеют доступ
- Бесплатные события — в селекторе Marigold отображается как заблокированный с подсказкой об апгрейде; вы можете просматривать его, но сервер отклонит сохранение с 403
Блокировка применяется и в интерфейсе выбора, и на сервере.
Настройки
Marigold предлагает семь специфичных для шаблона параметров сверх стандартных настроек Fotify для цветов и шрифтов.
1. Монограмма
До 4 символов — обычно инициалы организаторов (например, "C&R"). Отображается в нижнем футере на закрывающей карточке как крупная монограмма по центру.
2. Заголовок обложки
Заголовок из трёх строк на плавающей карточке обложки. Оставьте пустым, чтобы использовать значение по умолчанию: "It's Our Wedding Day". Для несвадебных событий можно указать, например, "Anna Turns Fifty" или "Welcome to the Atelier Opening".
3. Слоган обложки
Небольшая курсивная строка в правом верхнем углу карточки обложки. Примеры: "Camille & Rowan are getting married", "Anna turns 50", "Welcome to the atelier opening", "A summer to remember".
4. Цветовая палитра
Кремовый + глубокий акцент. Доступно четыре палитры:
- Burgundy & Cream (по умолчанию) — классика свадебного журнала 1970-х
- Olive & Bone — сад / загород / осень
- Terracotta & Sand — Средиземноморье / лето / dusty rose
- Ink & Linen — современная редакционная эстетика / минимализм / нейтральность
5. Мотив иллюстрации
Рисованная линейная иллюстрация, отображаемая на обложке и в закрывающем футере:
- Cheers — два бокала шампанского, звенящие друг о друга
- Vows — два переплетённых обручальных кольца
- Journey — винтажный кабриолет с баннером "JUST MARRIED" и привязанными сзади банками
- Bloom — круглый цветочный венок с восемью цветами
6. Положение карточки обложки
Где именно кремовая плавающая карточка располагается поверх главного фото:
- Center (по умолчанию) — воспринимается как постер, сбалансированная композиция
- Left — больше фото видно справа
- Right — больше фото видно слева
7. Бегущие заголовки разделов (marquee)
Переключатель повторяющихся бегущих полос ("GIFTS & WISHES 🎀 GIFTS & WISHES 🎀") для основных разделов. Включено по умолчанию. Переносит редакционную «журнальную» драматургию с обложки в разделители секций.
Как оформляется каждый раздел
Cover
Обложка Marigold полностью заменяет стандартный хедер. Она отображается как полноэкранная фотография события с «кино»-параллаксом (фото остаётся привязанным к окну просмотра при прокрутке), поверх которой размещается плавающая кремовая бумажная карточка со следующим содержимым:
- В правом верхнем углу: слоган курсивом Lora
- По центру: заголовок (DM Serif Display, 3 строки, в цвете «чернил»)
- По центру: рисованная иллюстрация (выбранный мотив)
- По центру: строка подзаголовка ("Ceremony & Reception, Late Afternoon") + дата/место жирным Lora bold
- По центру: курсивный основной текст
- По центру: кнопка RSVP-«таблетка» (заливка «чернила»)
Положение карточки настраивается. Если фото события не задано, обложка отображает мягкий градиентный фон.
Story
Каждая веха превращается в двухколоночный разворот — портретное фото 4:5 с одной стороны и кремовая карточка с «eyebrow»-подзаголовком главы, курсивной датой, заголовком DM Serif Display и текстом Lora — с другой. Развороты чередуются (слева/справа) для визуального ритма. Фото используют «кино»-параллакс.
Countdown
Отображается на инвертированной «чернильной» полосе с мягкими кремовыми плитками. Каждая единица (Days / Hours / Minutes / Seconds) получает округлую «бумажную» плитку со значением DM Serif Display и подписью внизу курсивом Lora в small-caps.
RSVP
Центрированная кремовая бумажная карточка с курсивным «eyebrow» "Kindly send your reply", дедлайном в курсивном основном тексте, а затем стандартной RSVP-формой, переработанной под Marigold (поля с тонкой подчёркивающей линией, кнопка отправки-«таблетка», которая инвертируется при наведении).
Gallery (Carousel)
Винтажный фотоальбом — сетка без перфорации, с героем 16:9, затем сетка 3-в-ряд из дополнительных фото. Каждое изображение получает тёплый цветовой фильтр (лёгкое снижение насыщенности + повышение контраста) и курсивную подпись вида "PHOTO N° 03".
Location
Плашка establishing shot: карта отображается внутри карточки с тонкой рамкой рядом с кремовой карточкой, где есть «eyebrow» "WHERE WE GATHER", адрес DM Serif Display и блок маршрута/инструкций.
Save the Date (Calendar)
Три кнопки-«таблетки» (Google / Apple / Outlook), каждая — в контурном «чернильном» стиле. При наведении превращаются в залитые.
Itinerary
Расписание в формате weekend programme — для каждого дня выводится заголовок дня DM Serif Display, затем список событий: время крупным (1.5rem) слева и название события + место + примечание справа. Между строками — тонкие разделительные линии.
Gifts
Отображается на инвертированной «чернильной» полосе с бегущим заголовком "GIFTS & WISHES 🎀 GIFTS & WISHES 🎀" (если включено). Три блока (Registries / Monetary / Charity) выводятся как кремовые карточки с «бумажными» CTA-кнопками PillButton.
Event Details
Стек production notes — дресс-код как центрированная курсивная «вытяжка»-цитата между тонкими линиями. Проживание — как мягкие кремовые карточки со скруглениями и тёплыми тенями. Транспорт — как строки в стиле call-sheet. FAQ — как Q & A в «скриптовом» стиле, с курсивными ответами, вынесенными вправо под тонкой левой линией.
Message
Текст приглашения от организаторов отображается с small-caps «eyebrow» "A Word from the Hosts" и «drop-cap» DM Serif Display в первом длинном абзаце (≥80 символов, начинается с буквы). Основной текст — Lora.
Closing card footer
Закрывающая полоса в 3 колонки на инвертированном «чернильном» фоне:
- Слева: «eyebrow» "EVENT DETAILS" + дата + локация
- По центру: рисованная иллюстрация + монограмма
- Справа: «eyebrow» "CEREMONY & RECEPTION" + место + детали приёма
- Ниже: кнопка PillButton "RSVP" в стиле «бумага по чернилам»
Разделы, которые наследуют стиль (без уникального макета)
Некоторые разделы по-прежнему отображаются через стандартный набор компонентов и наследуют «полирующий» слой Marigold:
- Photo Upload — кнопка загрузки в стиле «таблетки», поля с тонким подчёркиванием
- QR Code — QR-плашка с «чернильной» рамкой
- Table Assignment — кнопка поиска/CTA в стиле «таблетки»
- Custom sections — заголовки DM Serif Display, основной текст Lora, тонкие линии
Этот полирующий слой помогает им выглядеть в рамках шаблона без необходимости полного переписывания макета.
Статус beta
Marigold поставляется в beta вместе с Atelier и Cinematic. Это означает:
- Стабилен для использования в продакшене — мы протестировали его во всех 10 уникально оформленных разделах и в наследуемых
- Вероятно будет развиваться — мы можем доработать набор иллюстраций, добавить больше палитр и настроить скорости marquee на основе данных использования
- Скоро появятся новые премиальные шаблоны — следующими будут Riviera (coastal art deco), Onyx (speakeasy noir) и Maison (hand-lettered watercolor)
Если вы заметили, что что-то требует полировки, отправьте отзыв через виджет помощи в панели управления.
Часто задаваемые вопросы
Q: Могу ли я использовать Marigold для несвадебного события? A: Да — установите Cover Headline под ваше событие ("Anna Turns Fifty") и выберите мотив иллюстрации Bloom. Ключи eyebrow/tagline также настраиваются. Marigold подходит для обновления клятв, юбилеев, годовщин и камерных вечеринок.
Q: Работает ли эффект параллакса на мобильных устройствах? A: Он автоматически отключается на сенсорных устройствах и во вьюпортах уже 900px (в iOS Safari исторически была непоследовательная поддержка фиксированных фонов). На мобильных фото прокручиваются обычным образом.
Q: Могу ли я загрузить собственную рисованную иллюстрацию? A: В beta — нет. Четыре мотива (Cheers / Vows / Journey / Bloom) — это вручную созданные SVG-рисунки линиями, настроенные под палитры. Мы можем добавить загрузку пользовательских иллюстраций в будущих релизах при достаточном спросе.
Q: Не будут ли бегущие полосы раздражать гостей?
A: Они ставятся на паузу при наведении (чтобы можно было прочитать), учитывают prefers-reduced-motion (нулевая анимация для пользователей, которые её запросили), и вы можете выключить их в панели настроек переключателем "Show marquee section headers".
Q: Как добиться тёплого «70s» настроения на фото? A: Marigold применяет к каждой фотографии тонкий фильтр (снижение насыщенности + повышение контраста), чтобы дать тёплое ощущение плёночной камеры 1970-х. Для лучшего результата используйте фото в естественном свете «золотого часа». Фильтр работает с любым стилем, но наиболее выигрышно смотрится на живой репортажной съёмке, а не на сильно ретушированных портретах.
Q: Можно ли использовать цвет, отличный от бордового? A: Да — переключите параметр Color Palette на Olive, Terracotta или Ink. Каждый вариант вручную настроен так, чтобы читаться на кремовой «бумаге» и сохранять тёплое богемное настроение.
Q: Поддерживает ли Marigold пользовательские поля формы RSVP? A: Да. Любые добавленные вами поля (загрузка файлов, диетические ограничения, запросы песен и т. д.) автоматически наследуют оформление Marigold — тонкое подчёркивание полей и кнопку отправки в стиле «таблетки» — через полирующий слой.
Следующие шаги
- См. Как настроить RSVP-приглашение — про интерфейс выбора и включение премиальных шаблонов для события
- См. руководство по Atelier, если нужна «letterpress»-формальность, или руководство по Cinematic — если хочется драматичности киноафиши
- Сравните цены на премиальные шаблоны на странице цен
- Узнайте больше о приложении Fotify для обмена свадебными фото, если вы планируете свадьбу
Нужна помощь? Напишите нам через виджет помощи в панели управления.
Была ли эта статья полезной?