시네마틱 템플릿 — 완전 가이드

Cinematic은 Fotify 라이브러리의 두 번째 초프리미엄 템플릿입니다. Atelier가 레터프레스 문구에서 영감을 얻었다면, Cinematic은 영화 포스터, 타이틀 카드, 편집형 영화 매거진의 문법을 가져옵니다 — 풀블리드 사진, 역동적인 디스플레이 타이포그래피, 레터박스 바, 프레임 카운터, 티켓 스텁 버튼까지요.

이 가이드에서는 Cinematic의 전체적인 룩, Cinematic에만 있는 커스터마이징 옵션, 이벤트에서 잠금 해제하는 방법, 그리고 초대장의 각 섹션에 적용되는 맞춤형 연출을 다룹니다.

표준 템플릿 라이브러리와 선택기 UI 전반은 RSVP 초대장 커스터마이즈 방법에서 확인하세요.

Cinematic이 다른 점

표준 템플릿은 CSS 변수로 색상, 폰트, 효과를 제어하며 — 모두 동일한 기본 레이아웃을 공유합니다. Cinematic은 다릅니다. 섹션 전체 레이아웃을 영화 포스터 스타일의 수작업 구성으로 교체하고, 자체 디스플레이 타이포그래피(Bebas Neue + Inter)를 포함하며, 표준 색상/폰트 제어를 넘어 템플릿 전용 커스터마이징 옵션을 제공합니다.

시그니처 디자인 요소

레터박스 시네마 커버 — 풀블리드 히어로 사진에 틴트가 들어간 스포트라이트 컬러 그레이드, 상단+하단 블랙 바에 "FOTIFY PRESENTS" 및 날짜/장소 메타데이터 표시, Title Weight 설정에 따라 스케일되는 Bebas Neue 타이틀
역동적인 디스플레이 타이포그래피 — 모든 제목에는 Bebas Neue(클래식 시네마 포스터 서체), 본문에는 Inter를 사용해 디스플레이 포인트의 드라마를 살림
컬러 그레이딩 사진 — 페이지의 모든 사진이 Color Grade 설정(Golden Hour / Cool Blue / Monochrome / Vivid)에 맞춰 은은한 틴트를 반영
곳곳의 프레임 카운터 — Story 챕터가 Frame Numbers 설정에 따라 "FR. 01 / 12" 또는 "ACT I / XII" 형태로 번호화
슬레이트 마커 장식 — 섹션 구분선으로 클랩보드 SVG 사용
35mm 필름 그레인 오버레이 — 페이지 전체에 은은한 애니메이션 그레인 텍스처; 끌 수 있음
티켓 스텁 캘린더 버튼 — 각 캘린더 제공자별 시리얼 번호가 들어간, 퍼포레이션(뜯김선) 디테일의 영화 티켓 형태
필름스트립 갤러리 — Gallery 섹션이 레터박스 스틸 컷 + 상/하단 스프로킷 레일로 렌더링되며, 각 프레임에 "SC. 03 / 12" 캡션
크레딧 롤 일정표 — Itinerary가 "Running Order"로 바뀌어 날짜 헤더("DAY 01 / FRIDAY"), 프레임 카운터 타임스탬프, 크레딧 스타일의 이벤트 타이틀로 구성
프로덕션 크레딧 선물 — Registry 섹션이 영화 엔딩 크레딧처럼 보이며, 부서 라벨("PRODUCTION · REGISTRIES", "FINANCE · GIFTS OF FUNDS")을 포함
에스태블리싱 샷 로케이션 — 지도는 코너 브래킷이 있는 뷰파인더 프레임 안에 렌더링되고, 장소 주소는 옆의 슬레이트 카드에 표시

Cinematic을 선택하면 좋은 경우

Cinematic은 초대장이 하나의 작품처럼 느껴져야 하는 이벤트를 위해 만들어졌습니다 — 도착의 순간, 벽에 걸린 포스터 같은 존재감:

모던 웨딩 — 특히 데스티네이션 웨딩, 마운틴 웨딩, 또는 전통 문구 대신 "무드보드 영화 포스터" 같은 감성을 원할 때
마일스톤 생일(40/50/60세) — Cinematic의 드라마틱함이 화려한 문구 스타일보다 기념일 축하에 더 잘 어울립니다
기념일 파티 및 서약 갱신 — Story를 Acts로 구성하는 레이아웃이 수십 년 타임라인을 아름답게 읽히게 합니다
프리미어, 런칭, 오프닝 — 갤러리 오프닝, 영화 상영, 제품 런칭, 레스토랑 오픈
기업 갈라 및 회사 기념 이벤트 — 연례 갈라 디너, IPO 파티, 창립 기념일
강한 비주얼 아이덴티티의 칵테일 파티 — 할로윈 디너, 새해 전야 갈라, 테마 코스튬 나이트

반대로 캐주얼 모임, 어린이 생일, 가든 샤워(베이비/브라이덜), 그리고 시네마틱보다는 친밀하고 수공예적인 비주얼 언어가 어울리는 이벤트에는 덜 적합합니다.

이벤트에 Cinematic 적용하기

이벤트 대시보드의 Customize 탭을 엽니다
표준 템플릿 갤러리를 지나 하단의 Premium 섹션으로 스크롤합니다
Cinematic 카드를 클릭합니다
선택기에 커스터마이징 패널이 표시됩니다 — 옵션을 설정하세요(아래 참고)
저장합니다

언제든 표준 템플릿으로 되돌리는 것은 비파괴적입니다. 이벤트 콘텐츠는 입력한 그대로 유지됩니다. 프리미엄 전용 옵션은 별도로 저장되므로, 나중에 다시 전환해도 Cinematic 설정은 그대로 남아 있습니다.

Note: Cinematic은 beta입니다. 향후 릴리스에서 더 많은 프리미엄 템플릿을 제공할 예정이며, 초기 피드백을 바탕으로 Cinematic의 타이포그래피와 디테일을 다듬을 수 있습니다.

프리미엄 권한(누가 Cinematic을 사용할 수 있나요)

Cinematic은 프리미엄 티어 템플릿이며, 유료 권한이 있는 이벤트에서만 저장할 수 있습니다:

유료(크레딧 차감) 이벤트 — 이벤트 크레딧을 사용하는 이벤트는 자동으로 권한이 부여됩니다
활성 구독이 있는 구독 이벤트 — 활성 상태 또는 유예 기간(grace period)의 구독에 포함된 이벤트는 권한이 부여됩니다
무료 이벤트 — 선택기에서 Cinematic은 업그레이드 안내와 함께 잠금 상태로 표시됩니다. 미리보기는 가능하지만 서버가 저장을 403으로 거부합니다

또한 유료 권한이 없는 이벤트에서는 선택기가 비활성화되며, 툴팁에서 요금 안내 페이지로 연결됩니다.

커스터마이징 옵션

Cinematic은 Fotify의 표준 색상 + 폰트 제어 외에 템플릿 전용 옵션 7가지를 제공합니다.

1. Title card text

시네마틱 커버에 표시되는 헤드라인입니다. 비워 두면 이벤트 이름을 사용합니다. 이벤트 이름보다 더 짧거나 더 드라마틱한 타이틀이 필요할 때 유용합니다 — 예: 이벤트 이름이 "Anna & Frederick's wedding weekend"라면 타이틀 카드는 "Anna & Frederick"로 설정.

2. Tagline

타이틀 위에 표시되는 스몰 캡스 한 줄 문구입니다. 예: "a celebration in two acts", "the love story, continued", "a feature presentation", "now playing for one night only". 비워 두면 숨겨집니다.

3. Color grade

커버와 헤드라인 위에 비추는 틴트 스포트라이트의 톤입니다. 4가지 그레이드:

Golden Hour (default) — 따뜻한 앰버; 시네마틱한 골든아워 온기
Cool Blue — 시안/네이비; 무드 있는 Drive 감성
Monochrome — 실버 스크린 흑백; 선명한 대비
Vivid — 강렬한 레드 포스터 액센트; A24 / 웨스 앤더슨 무드

4. Paper tone

페이지의 기본 바탕색입니다:

Obsidian (default) — 딥 블랙; 클래식 극장 느낌
Bone — 아이보리; 인쇄된 시네마 포스터 감성
Gravel — 다크 그레이; 절제된 무게감

Color grade는 paper tone과 상호작용합니다 — Obsidian에 Golden Hour 조합이 기본이며 가장 "시네마" 느낌이 강합니다. Bone에 Vivid는 대담한 포스터 룩을 제공합니다.

5. Frame numbers

챕터 및 크레딧의 번호 표시 스타일입니다:

Decimal (#01) — 현대적인 프레임 카운터 미학
Roman (I, II) — 액트 구조의 격식
Hidden — 챕터 번호가 없는 깔끔한 커버

6. Title weight

타이틀 카드의 크기입니다:

Display — 적당한 크기지만 여전히 시네마틱; 긴 타이틀에 적합
Banner (default) — 큰 포스터 스케일
Epic — 좌우 끝까지, 최대 임팩트; 짧은 타이틀에 최적

7. Film grain overlay

은은한 35mm 필름 그레인 오버레이를 켜거나 끕니다. 기본값은 On입니다. 애니메이션이 무겁게 느껴지는 저사양 기기에서는 Off로 전환하면 도움이 될 수 있습니다.

각 섹션의 연출 방식

Cover

Cinematic 커버는 표준 헤더를 완전히 대체합니다. 풀블리드 사진(이벤트 초대장 사진)으로 렌더링되며 다음 요소를 포함합니다:

"FOTIFY PRESENTS" / "A FEATURE CELEBRATION" / 날짜 / 장소가 들어가는 상단+하단 레터박스 바
선택한 Color Grade에 맞춰 틴트된 컬러 그레이드 스포트라이트
타이틀 위 스몰 캡스 Tagline
Title(Bebas Neue, 선택한 Title Weight로 렌더링)
하단의 슬레이트 마커 장식 + 날짜 + 베뉴

이벤트 사진이 설정되지 않은 경우, 커버는 paper tone 배경으로 대체되며 스포트라이트 그레이드는 그대로 적용됩니다.

Story

각 마일스톤은 Act가 됩니다 — 좌/우로 번갈아 배치되는 사진, 프레임 카운터("FR. 03 / 12" 또는 "ACT III"), 21:9 비율의 컬러 그레이드 레터박스 사진, Bebas Neue Act 제목, Inter 본문 설명으로 구성됩니다.

Countdown

각 단위(Days / Hours / Minutes / Seconds)는 프레임 타일로 렌더링됩니다. 좌상단 "FR. 01" 태그, 크게 표시되는 Bebas Neue 숫자, 아래의 스몰 캡스 라벨이 포함됩니다. 헤어라인 보더와, 필름 스톡을 연상시키는 은은한 그라데이션이 적용됩니다.

RSVP

캐스팅 콜 카드로 렌더링됩니다. 상단에 슬레이트 마커 크라운, "CASTING CALL" 아이브로우, Bebas Neue "You're Cast" 타이틀, 스몰 캡스 이탤릭 마감일이 이어지고, 표준 RSVP 폼은 헤어라인 인풋과 액센트 보더의 티켓 스텁 제출 버튼으로 리스킨됩니다.

Gallery (Carousel)

필름스트립 레이아웃입니다: 상/하단 스프로킷 레일, 21:9 히어로 스틸, 그 다음 3열 그리드의 추가 스틸로 구성됩니다. 모든 스틸에는 "SC. 03 / 12" 캡션 태그와, 필름 프린트 느낌을 위한 은은한 대비/채도 필터가 적용됩니다.

Location

에스태블리싱 샷처럼 연출됩니다: 지도는 코너 브래킷이 있는 뷰파인더 프레임 안에 렌더링되고, 옆에는 "ON LOCATION" 아이브로우, Bebas Neue 주소, 그리고 헤어라인 구분선이 있는 길안내 블록을 담은 슬레이트 카드가 배치됩니다.

Save the Date (Calendar)

Google / Apple / Outlook용 3개의 티켓 스텁 버튼이 제공됩니다. 각 버튼에는 "NO. 001" 시리얼 번호, 퍼포레이션 도트, hover 시 액센트 전환 효과가 있습니다.

Itinerary

Running Order로 렌더링됩니다 — 각 날짜는 "DAY 01 / FRIDAY" 헤더가 있고, 개별 이벤트는 크레딧 롤 행처럼 나열됩니다. 행 사이에는 헤어라인 룰이 있으며, 스몰 캡스 프레임 카운터, Bebas Neue 시간, 우측의 이벤트 상세로 구성됩니다.

Gifts

Production Credits 레이아웃입니다 — 3개의 부서 블록(Registries / Monetary / Charity)으로 구성되며, 각 블록에는 "PRODUCTION · REGISTRIES" 스타일의 스몰 캡스 라벨, 항목 번호(Decimal 카운터), Bebas Neue 항목 제목, 외부 링크 및 복사용 액센트 보더 아이콘 버튼이 포함됩니다.

Event Details

Production Notes 스타일입니다 — 드레스 코드는 Bebas Neue 대문자 풀-쿼트처럼 헤어라인 룰 사이에 표시됩니다. 숙박은 코너 태그("HOTEL")가 있는 슬레이트 카드로 렌더링됩니다. 교통은 콜시트(call-sheet) 행처럼 표시됩니다. FAQ는 스크립트 스타일 Q & A로, "Q · " 액센트 프리픽스와 헤어라인 왼쪽 정렬 답변으로 구성됩니다.

Message

호스트의 초대 문구는 스몰 캡스 "OPENING MONOLOGUE" 아이브로우와 함께 렌더링되며, CSS ::first-letter 드롭캡이 Bebas Neue 액센트 컬러로 적용됩니다. 본문은 영화 프로그램처럼 읽기 좋도록 Inter 1.08rem로 표시됩니다.

상속되는 섹션(맞춤 레이아웃이 적용되지 않는 섹션)

일부 섹션은 기본 킷으로 렌더링되지만 Cinematic의 폴리시 레이어를 상속받습니다:

Photo Upload — 액센트 보더의 티켓 스텁 버튼, 헤어라인 인풋
QR Code — QR 주변의 액센트 보더 플레이트
Table Assignment — 검색/CTA 버튼에 티켓 스텁 처리
Custom sections — Bebas Neue 헤딩, Inter 본문, 헤어라인 룰

이 폴리시 레이어 덕분에 전체 레이아웃을 다시 쓰지 않아도 템플릿에 어울리게 보입니다. 수요가 있다면 향후 릴리스에서 이 섹션들에도 맞춤 오버라이드를 추가할 예정입니다.

베타 상태

Cinematic은 Atelier와 함께 beta로 제공되고 있습니다. 의미는 다음과 같습니다:

프로덕션 사용에 안정적 — 맞춤 10개 섹션과 상속 섹션 전반에서 테스트를 완료했습니다
변화 가능성 — 사용 데이터 기반으로 타이포그래피(더 무거운 디스플레이 웨이트), 추가 컬러 그레이드, 스포트라이트 효과를 다듬을 수 있습니다
더 많은 프리미엄 템플릿 예정 — Maison(핸드 레터링), Riviera(코스탈 아트 데코), Onyx(스피크이지 느와르)가 다음입니다

다듬어야 할 부분을 발견하시면 대시보드의 도움말 위젯으로 피드백을 보내주세요.

자주 묻는 질문

Q: 데스티네이션 웨딩이 아닌 결혼식에도 Cinematic을 사용할 수 있나요? A: 네 — Cinematic은 어떤 모던 웨딩에도 잘 어울리며, 전통 문구보다 포스터급 무드를 원할 때 특히 좋습니다.

Q: 모바일에서는 Cinematic이 어떻게 보이나요? A: 모바일 퍼스트로 설계되었습니다. 레터박스 바는 유지되고, 타이틀은 화면에 맞게 축소되며, 필름스트립은 단일 컬럼으로 접히고, Running Order 일정표는 세로형으로 전환됩니다. 모든 섹션은 완전 반응형입니다.

Q: Cinematic으로 전환하면 데이터가 사라지나요? A: 아니요. 템플릿을 전환해도 이벤트 콘텐츠(이벤트 이름, 사진, 스토리, RSVP 폼, 선물, 일정표 등)는 그대로 보존됩니다. Cinematic 전용 커스터마이징(타이틀 카드 텍스트, 컬러 그레이드 등)도 다른 템플릿으로 바꿨다가 다시 돌아와도 유지됩니다.

Q: 내 헥스 코드로 컬러 그레이드를 직접 커스터마이징할 수 있나요? A: 베타에서는 지원하지 않습니다. 4가지 그레이드(Golden Hour / Cool Blue / Monochrome / Vivid)는 실제로 시네마틱하게 느껴지도록 수작업으로 튜닝했습니다. 특정 팔레트가 필요하다면 커스텀 프리미엄 템플릿에 대해 문의해 주세요.

Q: 결혼식이 아닌 이벤트(기업 갈라, 마일스톤 생일)에도 Cinematic이 잘 맞나요? A: 네. Title Card Text, Tagline, Act 구조의 Story는 어떤 이벤트 형식에도 잘 작동합니다. Tagline을 "a celebration in two acts" 대신 "a milestone celebration" 또는 "annual gala"처럼 설정해 보세요.

Q: 필름 그레인 오버레이가 오래된 휴대폰에서는 느려지나요? A: GPU 가속 기반이며 2018년 중급 안드로이드까지 테스트했습니다. 매우 오래된 기기 사용자가 많은 경우, 커스터마이징 패널에서 Film Grain을 Off로 전환할 수 있습니다.

Q: Cinematic에서도 게스트가 사진 업로드와 QR 코드를 사용할 수 있나요? A: 네. Fotify의 모든 기능(사진 업로드, QR 코드, RSVP, 테이블 배정, 커스텀 섹션)은 계속 작동하며 — 폴리시 레이어를 통해 Cinematic의 타이포그래피와 UI 크롬을 상속받습니다.

다음 단계

선택기 UI와 프리미엄 템플릿을 이벤트에 활성화하는 방법은 RSVP 초대장 커스터마이즈 방법을 참고하세요
대신 에디토리얼 / 레터프레스 감성을 원하신다면 Atelier 가이드를 확인하세요
프리미엄 템플릿 가격은 요금 안내 페이지에서 비교해 보세요
결혼식을 준비 중이라면 Fotify의 웨딩 사진 공유 앱도 확인해 보세요

도움이 필요하신가요? 대시보드 내 도움말 위젯을 통해 문의해 주세요.