Cinematic Template — Complete Guide

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

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

Обзор стандартной библиотеки шаблонов и интерфейса выбора см. в статье How to Customize Your RSVP Invitation.

What makes Cinematic different

Стандартные шаблоны управляют цветами, шрифтами и эффектами через CSS-переменные — у всех них общая базовая компоновка. Cinematic устроен иначе: он заменяет целые макеты разделов на вручную созданные «киноафишные» оформления, поставляется с собственной акцидентной типографикой (Bebas Neue + Inter) и предоставляет специфичные для шаблона параметры настройки сверх стандартных настроек цвета и шрифта.

Signature design elements

Letterboxed cinematic cover — полноформатная главная фотография (hero) с тонированной «прожекторной» цветокоррекцией, верхней и нижней чёрными полосами с текстом "FOTIFY PRESENTS" и метаданными даты/локации, а также заголовком Bebas Neue, масштабируемым вашим параметром Title Weight
Kinetic display typography — Bebas Neue (классический шрифт киноафиш) для всех заголовков; Inter для основного текста, чтобы акцидентные моменты сохраняли драму
Color-graded photography — каждое фото на странице получает лёгкий оттенок в соответствии с вашей настройкой Color Grade (Golden Hour / Cool Blue / Monochrome / Vivid)
Frame counters everywhere — главы Story нумеруются как "FR. 01 / 12" или "ACT I / XII" в зависимости от настройки Frame Numbers
Slate marker ornaments — SVG хлопушки (clapperboard), используемый как разделитель между секциями
35mm film-grain overlay — тонкая анимированная текстура зерна поверх всей страницы; её можно отключить
Ticket-stub calendar buttons — перфорированная форма кинобилета с серийным номером для каждого провайдера календаря
Filmstrip gallery — раздел Gallery отображается как «леттербокс»-кадры с перфорацией сверху и снизу; каждый кадр подписан "SC. 03 / 12"
Credits-roll itinerary — раздел Itinerary превращается в "Running Order" с заголовками дней ("DAY 01 / FRIDAY"), временными метками в стиле счётчика кадров и названиями событий в стиле титров
Production-credits gifts — раздел Registry выглядит как финальные титры фильма, с подписью отделов ("PRODUCTION · REGISTRIES", "FINANCE · GIFTS OF FUNDS")
Establishing-shot location — карта отображается внутри рамки видоискателя с угловыми маркерами; адрес площадки выводится на «сланцевой» карточке рядом

When to choose Cinematic

Cinematic создан для событий, где приглашение должно ощущаться как полноценный фильм — эффектное появление, афиша на стене:

Modern weddings — особенно свадьбы в путешествии (destination), горные свадьбы или любые события, где вы хотите «мудборд-киноафишу», а не традиционную полиграфию
Milestone birthdays (40th, 50th, 60th) — драматичность Cinematic лучше поддерживает юбилейные даты, чем вычурная канцелярия
Anniversary parties and vow renewals — компоновка Story по «актам» делает многолетнюю историю особенно красивой и читаемой
Premieres, launches, and openings — открытия галерей, кинопоказы, запуски продуктов, открытия ресторанов
Corporate galas and milestone company events — ежегодные гала-ужины, вечеринки по случаю IPO, юбилеи основателей
Cocktail parties with a strong visual identity — ужины на Хэллоуин, новогодние гала, тематические костюмированные вечера

Он менее подходит для неформальных встреч, детских дней рождения, «садовых» вечеринок (baby/bridal shower) и любых случаев, где визуальный язык должен быть камерным или «ручной работы», а не кинематографичным.

Applying Cinematic to your event

Откройте вкладку Customize на панели управления вашего события
Пролистайте стандартную галерею шаблонов до раздела Premium внизу
Нажмите карточку Cinematic
В выборе появится панель настройки — установите параметры (см. ниже)
Сохраните

Возврат к стандартному шаблону в любой момент не разрушает данные; контент вашего события остаётся ровно таким, каким вы его ввели. Параметры, специфичные для premium, хранятся отдельно, поэтому при повторном переключении ваши настройки Cinematic сохранятся.

Note: Cinematic находится в beta. В следующих релизах мы добавим больше премиальных шаблонов и можем уточнить типографику и детали Cinematic на основе ранних отзывов.

Premium entitlement (who can use Cinematic)

Cinematic — шаблон премиального уровня, и его можно сохранить только для событий с платным доступом:

Paid (credit-cost) events — события, использующие ваши event credits, получают доступ автоматически
Subscription events with an active subscription — события в рамках активной подписки или в льготный период (grace period) получают доступ
Free events — в выборе шаблонов Cinematic отображается заблокированным с подсказкой об апгрейде; вы можете просматривать его, но сервер отклоняет сохранение с 403

Выбор шаблона также отключён для событий без платного доступа, с подсказкой, ведущей на pricing page.

Customization knobs

Cinematic предоставляет семь параметров, специфичных для шаблона, сверх стандартных настроек цвета и шрифта Fotify.

1. Title card text

Заголовок, отображаемый на кинематографичной обложке. Оставьте пустым, чтобы использовать название события. Полезно, когда нужен более короткий или более драматичный заголовок, чем имя события — например, название события "Anna & Frederick's wedding weekend" превращается в титульную карточку "Anna & Frederick".

2. Tagline

Строка в small caps над заголовком. Примеры: "a celebration in two acts", "the love story, continued", "a feature presentation", "now playing for one night only". Оставьте пустым, чтобы скрыть.

3. Color grade

Тонированный «прожекторный» оттенок, накладываемый на обложку и заголовки. Четыре варианта:

Golden Hour (default) — тёплый янтарный; кинематографичное тепло «золотого часа»
Cool Blue — циан/тёмно-синий; атмосферно и мрачно, в духе Drive
Monochrome — чёрно-белая «серебряная» классика; чистый контраст
Vivid — выразительный красный акцент постера; вайб A24 / Wes Anderson

4. Paper tone

Базовый тон страницы:

Obsidian (default) — глубокий чёрный; классический театр
Bone — айвори; печатная киноафиша
Gravel — тёмно-серый; сдержанная «тяжесть»

Цветокоррекция взаимодействует с тоном бумаги — Golden Hour на Obsidian это настройка по умолчанию и самый «киношный» вариант; Vivid на Bone выглядит как смелая афиша.

5. Frame numbers

Стиль нумерации для глав и титров:

Decimal (#01) — современная эстетика счётчика кадров
Roman (I, II) — формальность структуры актов
Hidden — чистая обложка без номеров глав

6. Title weight

Насколько крупно отображается заголовок титульной карточки:

Display — умеренный, но всё ещё кинематографичный; хорошо для длинных названий
Banner (default) — крупный, «афишный» масштаб
Epic — от края до края, максимум воздействия; лучше для коротких названий

7. Film grain overlay

Переключатель тонкого оверлея зерна 35mm. Включён по умолчанию. Отключение может помочь на менее мощных устройствах, где анимация ощущается тяжёлой.

How each section is treated

Cover

Обложка Cinematic полностью заменяет стандартный заголовок. Она отображается как полноформатная фотография (ваше фото для приглашения) с:

Верхней и нижней «леттербокс»-полосами с текстом "FOTIFY PRESENTS" / "A FEATURE CELEBRATION" / датой / локацией
Цветокоррекцией «прожектором», тонированной под выбранный Color Grade
Вашим Tagline в small caps над заголовком
Вашим Title (Bebas Neue с выбранным Title Weight)
Орнаментом хлопушки + датой + площадкой (venue) ниже

Если фото события не задано, обложка использует фон в тоне paper tone, при этом «прожекторная» цветокоррекция всё равно применяется.

Story

Каждая веха становится Act — с чередованием размещения фото слева/справа, счётчиком кадров ("FR. 03 / 12" или "ACT III"), цветокорректированным «леттербокс»-фото с соотношением сторон 21:9, заголовком акта Bebas Neue и описанием в Inter.

Countdown

Каждая единица (Days / Hours / Minutes / Seconds) отображается как frame tile с меткой "FR. 01" в левом верхнем углу, крупным числом Bebas Neue и подписью small caps ниже. С тонкой рамкой и лёгким градиентом, намекающим на киноплёнку.

RSVP

Отображается как casting-call card с «короной» из хлопушки, надстрочной меткой "CASTING CALL", заголовком Bebas Neue "You're Cast", дедлайном в small-caps italic, а затем стандартная RSVP-форма, переоформленная с тонкими полями ввода и кнопкой отправки в виде билетного корешка с акцентной рамкой.

Gallery (Carousel)

Макет filmstrip: перфорационные направляющие сверху и снизу, основной кадр 21:9, затем сетка 3-в-ряд из дополнительных кадров. Каждый кадр получает подпись "SC. 03 / 12" и лёгкий фильтр контраста/насыщенности для ощущения фотопечати.

Location

Establishing shot: карта отображается внутри рамки видоискателя с угловыми маркерами, рядом — «сланцевая» карточка с надписью "ON LOCATION", адресом в Bebas Neue и блоком directions, отделённым тонкой линией.

Save the Date (Calendar)

Три кнопки ticket-stub (Google / Apple / Outlook), каждая — с серийным номером "NO. 001", перфорированным краем точками и акцентной заменой при наведении.

Itinerary

Отображается как Running Order — у каждого дня есть заголовок "DAY 01 / FRIDAY", затем отдельные события идут строками в стиле титров, с тонкими разделителями, счётчиком кадров в small caps, временем в Bebas Neue и деталями события справа.

Gifts

Макет Production Credits — три блока отделов (Registries / Monetary / Charity), каждый с подписью в small caps в стиле "PRODUCTION · REGISTRIES", нумерованными элементами (decimal counters), заголовками элементов в Bebas Neue и кнопками-иконками с акцентной рамкой для внешних ссылок и копирования.

Event Details

Production Notes — дресс-код отображается как «выносная цитата» между тонкими линиями в Bebas Neue caps. Размещение (accommodation) выводится «сланцевыми» карточками с угловыми тегами ("HOTEL"). Транспорт (transportation) читается как строки call-sheet. FAQ — как сценарное Q & A с акцентными префиксами "Q · " и ответами с тонкой линией слева.

Message

Текст приглашения от организатора отображается с надстрочной строкой small caps "OPENING MONOLOGUE" и drop-cap первой буквы через CSS ::first-letter в акцентном цвете Bebas Neue. Основной текст — Inter размером 1.08rem для удобочитаемости «программки».

Sections that inherit (don't get a bespoke layout)

Некоторые разделы по-прежнему отображаются через стандартный набор компонентов и наследуют «полировочный» слой Cinematic:

Photo Upload — кнопки в стиле ticket-stub с акцентной рамкой, поля ввода с тонкой обводкой
QR Code — акцентная рамка вокруг QR
Table Assignment — оформление ticket-stub для кнопки поиска/CTA
Custom sections — заголовки Bebas Neue, основной текст Inter, тонкие разделительные линии

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

Beta status

Cinematic выпускается в beta вместе с Atelier. Это означает:

Стабильно для использования в продакшене — мы протестировали его во всех 10 индивидуально оформленных разделах и в наследуемых
Вероятно, будет развиваться — мы можем уточнить типографику (более тяжёлое display-начертание), добавить больше вариантов color grade и настроить эффект «прожектора» на основе данных использования
Скоро появятся новые премиальные шаблоны — следующими будут Maison (hand-lettered), Riviera (coastal art deco), Onyx (speakeasy noir)

Если вы заметите что-то, что стоит улучшить, отправьте отзыв через виджет помощи в панели управления.

Frequently Asked Questions

Q: Can I use Cinematic on a wedding that's not a destination event? A: Да — Cinematic подходит для любой современной свадьбы, особенно если вы хотите ощущение уровня киноафиши, а не традиционной полиграфии.

Q: How does Cinematic look on mobile? A: Шаблон спроектирован по принципу mobile-first. «Леттербокс»-полосы сохраняются; заголовок уменьшается, чтобы поместиться; filmstrip сворачивается в одну колонку; running-order itinerary становится вертикальным. Все разделы полностью адаптивны.

Q: Will switching to Cinematic lose my data? A: Нет. Весь контент вашего события (название, фото, story, RSVP-форма, gifts, itinerary и т. д.) сохраняется при переключении шаблонов. Настройки, специфичные для Cinematic (title card text, color grade и т. д.), также сохраняются, если вы переключитесь на другой шаблон и затем вернётесь.

Q: Can I customize the color grade with my own hex codes? A: Пока нет (в beta). Мы вручную настроили четыре варианта (Golden Hour / Cool Blue / Monochrome / Vivid), чтобы они выглядели по-настоящему кинематографично. Если вам нужна конкретная палитра, свяжитесь с нами по поводу кастомного премиального шаблона.

Q: Does Cinematic work for a non-wedding event (corporate gala, milestone birthday)? A: Да. Title Card Text, Tagline и структура Story по актам подходят для любого формата. Установите Tagline на что-то вроде "a milestone celebration" или "annual gala" вместо "a celebration in two acts".

Q: Does the film-grain overlay slow down older phones? A: Оверлей ускоряется через GPU и протестирован вплоть до Android среднего класса 2018 года. Если ваша аудитория использует очень старые устройства, можно отключить Film Grain в панели настройки.

Q: Can my guests still upload photos and use the QR code with Cinematic? A: Да. Все функции Fotify (загрузка фото, QR-код, RSVP, рассадка, пользовательские секции) продолжают работать — они наследуют типографику и «хром» Cinematic через полировочный слой.

Next steps

См. How to Customize Your RSVP Invitation — про UI выбора шаблона и то, как включить premium-шаблоны для вашего события
См. Atelier guide, если вам ближе редакционный / letterpress-стиль
Сравните цены на премиальные шаблоны на странице pricing page
Прочитайте подробнее о Fotify's wedding-photo-sharing app, если вы планируете свадьбу

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