Vesper 템플릿 — 완전 가이드
Vesper는 Fotify 라이브러리의 네 번째 울트라 프리미엄 템플릿입니다. Atelier가 정중한 레터프레스 감성이라면, Cinematic은 영화 포스터 같은 드라마, Marigold는 1970년대 보헤미안 무드입니다. 그리고 Vesper는 부드러운 컨템포러리 로맨스 — 블러시 톤 페이퍼, 이탤릭 Cormorant 헤드라인, 아치형 사진 프레임, 다이아몬드 장식, 폴라로이드 스크랩북 콜라주가 특징입니다.
이 가이드에서는 Vesper의 전체적인 스타일, Vesper에만 있는 커스터마이징 옵션, 이벤트에서 잠금 해제하는 방법, 그리고 초대장 각 섹션에 적용되는 맞춤형 디자인 처리 방식을 다룹니다.
표준 템플릿 라이브러리와 선택기 UI 전반은 RSVP 초대장 커스터마이즈 방법을 참고하세요.
Vesper는 무엇이 다른가요
표준 템플릿은 CSS 변수로 색상, 폰트, 효과를 제어하며 모두 동일한 기본 레이아웃을 공유합니다. Vesper는 다릅니다. 섹션 전체 레이아웃을 부드럽고 로맨틱한 수작업 스타일로 교체하고, 자체 타이포그래피(Cormorant Garamond + Inter)를 포함하며, 템플릿 전용 커스터마이징 옵션을 제공합니다.
시그니처 디자인 요소
- 아치형 사진 커버 — SVG 클립으로 처리된 3가지 아치 실루엣(고딕 / 라운드 / 가든). 커버 사진은 아치 안에 렌더링되며, 위에는 이탤릭 Cormorant Garamond로 커플 이름이 표시되고, 양옆에는 "When / Where" 행이 배치됩니다.
- 다이아몬드 장식 — 작은 채움 다이아몬드(♦) 장식이 섹션 사이, 챕터 타이틀 주변, 그리고 Ceremony와 Reception 시간 사이 인라인으로 표시됩니다. 페이지 전체에 걸친 시그니처 에디토리얼 디테일입니다.
- 풀-쿼트 밴드 — 커버와 스토리 사이에 선택적으로 테라코타 밴드를 추가할 수 있으며, 큰 이탤릭 Cormorant 인용문("Once in a while, love gives us a fairy tale")이 들어갑니다. 마크다운 스타일 별표로 특정 단어를 이탤릭 처리할 수 있습니다.
- Ceremony / Reception 트윈 — 두 개의 큰 이탤릭 시간 표시("4 pm" / "6 pm")가 다이아몬드 구분자로 나뉘어 표시되며, 첫 두 개의 일정(Itinerary) 항목에서 자동으로 가져옵니다.
- 폴라로이드 스크랩북 콜라주 — 사진이 흰 테두리와 부드러운 그림자를 가진, 겹치고 약간 회전된 폴라로이드 프레임으로 렌더링됩니다. 3가지 레이아웃 변형: polaroid / grid / single.
- 부드러운 파스텔 팔레트 — 부드러운 종이 톤과 깊고 로맨틱한 포인트 컬러를 매칭한 4가지 사전 조정 팔레트: rose+terracotta, sage+sand, sky+indigo, lavender+plum.
- 이탤릭 Cormorant Garamond 디스플레이 — 시그니처 톤앤매너: 모든 타이틀, 아이브로우, 풀-쿼트에 우아한 캘리그래피풍 이탤릭을 사용합니다. 본문은 Inter로 깔끔하고 현대적인 가독성을 제공합니다.
- 필(pill) 버튼 — 포인트 컬러의 둥근 필 형태 CTA 버튼으로, 호버 시 반전됩니다. 캘린더, 레지스트리, RSVP, 클로징 카드 전반에 사용됩니다.
- 시네마 패럴랙스 — 커버 아치 이미지와 스토리 스프레드 사진은
background-attachment: fixed를 사용해 콘텐츠가 스크롤될 때도 뷰포트에 고정된 느낌을 유지합니다. - 클로징 밴드 — 다이아몬드가 좌우로 배치된 구분선, "Hoping to celebrate with you!" 이탤릭 헤드라인, 그리고 포인트 배경 위에 종이 톤 RSVP 필 버튼이 있는 테라코타 푸터입니다.
Vesper를 선택하면 좋은 경우
Vesper는 부드러운 로맨스가 핵심 분위기인 이벤트를 위해 제작되었습니다:
- 채플 웨딩, 가든 웨딩, 포도밭 웨딩 — 고딕 아치는 역사적인 베뉴에 잘 어울리고, 라운드 아치는 모던 건축에, 가든 아치는 야외 예식에 잘 맞습니다.
- 소규모 웨딩(≤120명) — 떠 있는 듯한 폴라로이드 스크랩북이 작은 규모에서 더 따뜻하고 개인적으로 느껴집니다.
- 리마인드 웨딩/서약 갱신(Vow renewals) — 부드러운 로맨틱 무드가 오래된 커플에게도 잘 어울립니다.
- 약혼 파티 및 브라이덜 샤워 — 파스텔 톤과 이탤릭 헤드라인이 이런 연관 행사에서도 아름답게 표현됩니다.
- 결혼기념일 마일스톤 이벤트 — 10, 25, 50주년 등 Atelier의 격식보다 더 부드러운 분위기를 원할 때 적합합니다.
- 컨템포러리 커플 — 폴라로이드 콜라주 + 오디오 플레이리스트 조합의 밀레니얼/Gen-Z 미감
- 동성 결혼, 재혼, 재혼가정/블렌디드 패밀리 — 전통적/격식 위주로 기울지 않는 포용적인 소프트 로맨틱 무드
반대로 캐주얼 파티에는 덜 적합합니다(표준 템플릿 권장). 블랙타이 갈라에는 Atelier, 모던/엣지 있는 웨딩에는 Cinematic, 70년대 보헤미안 미감에는 Marigold를 권장합니다.
이벤트에 Vesper 적용하기
- 이벤트 대시보드의 Customize 탭을 엽니다.
- 표준 템플릿 갤러리를 지나 하단의 Premium 섹션으로 스크롤합니다.
- Vesper 카드를 클릭합니다.
- 선택기가 커스터마이징 패널을 표시합니다 — 옵션을 설정하세요(아래 참고).
- 저장합니다.
표준 템플릿으로 다시 전환해도 파괴적 변경은 발생하지 않습니다. Vesper 전용 옵션은 별도로 저장되므로, 다른 템플릿으로 바꿨다가 다시 돌아와도 설정이 유지됩니다.
프리미엄 사용 권한(Vesper 사용 가능 대상)
Vesper는 프리미엄 등급 템플릿이며, 유료 사용 권한이 있는 이벤트에서만 저장할 수 있습니다:
- 유료(크레딧 비용) 이벤트 — 자동으로 권한 부여
- 활성 구독이 있는 구독 이벤트 — 자동으로 권한 부여
- 무료 이벤트 — 선택기에서 Vesper가 잠금 상태로 표시되고 업그레이드 안내가 표시되며, 서버는 저장을 403으로 거부합니다.
이 잠금은 선택기 UI와 서버 양쪽에서 모두 적용됩니다.
커스터마이징 옵션
Vesper는 Fotify의 표준 색상 + 폰트 제어 외에 템플릿 전용 옵션 6가지를 제공합니다.
1. 커버 아이브로우
커플 이름 아래에 표시되는 작은 이탤릭 문구입니다. 예: "Invite You To Celebrate Their Wedding"(기본값), "Together with their families", "Are getting married", "Are tying the knot".
2. 풀 쿼트
커버와 스토리 섹션 사이에 표시되는 큰 테라코타 밴드 인용문입니다. *별표(asterisks)*로 특정 단어를 이탤릭 처리할 수 있습니다("Once in a while, love gives us a fairy tale"). 비워두면 인용문 밴드가 완전히 생략됩니다.
3. 컬러 팔레트
부드러운 종이 톤 + 깊은 포인트 컬러. 4가지 팔레트:
- Rose & Terracotta (기본값) — 클래식 블러시 웨딩
- Sage & Sand — 가든 / 컨트리사이드 / 허브 가든
- Sky & Indigo — 모던 미니멀 / 코스탈
- Lavender & Plum — 해질녘 / 가을 / 어버진
4. 아치 스타일
커버의 아치형 사진 프레임입니다. 3가지 변형:
- Gothic (기본값) — 뾰족한 성당 아치; 채플 웨딩, 역사적 베뉴, 클래식 석조 교회에 적합
- Round — 고전 로마식 반원; 모던 건축, 출입구, 컨템포러리 베뉴에 적합
- Garden — 부드럽게 둥근 아치; 야외 예식, 가든 웨딩, 플로럴 아치에 적합
5. 사진 콜라주 스타일
갤러리 사진의 배치 방식:
- Polaroid (기본값) — 흰 테두리의 겹치고 회전된 사진, 스크랩북 느낌
- Grid — 균일한 2열 또는 3열 그리드, 에디토리얼/클린
- Single — 큰 히어로 이미지 1장, 미니멀
6. 다이아몬드 장식 표시
섹션 사이, 챕터 타이틀 주변, 그리고 ceremony/reception 시간 사이 인라인에 표시되는 다이아몬드(♦) 장식을 토글합니다. 기본값은 켬입니다. 더 미니멀하고 깔끔한 느낌을 원하면 끄세요.
각 섹션이 처리되는 방식
Cover
Vesper 커버는 표준 헤더를 전체 교체합니다:
- 커플 이름 — 이탤릭 Cormorant Garamond, 큼직하게, 중앙 정렬
- 아이브로우 — 이름 아래의 이탤릭 Cormorant 부제
- 아치형 사진 — 중앙 배치, 패럴랙스 적용(사진이 뷰포트에 고정된 느낌)
- When / Where — 아치 양옆의 이탤릭 라벨과 날짜/장소 값
- 다이아몬드 장식 — 아치 아래의 작은 채움 다이아몬드
- Ceremony / Reception 트윈 — 다이아몬드로 구분된 두 개의 이탤릭 시간 표시(첫 두 개의 일정 항목에서 가져옴)
이벤트 사진이 설정되지 않은 경우, 아치에는 부드러운 그라디언트 배경이 렌더링됩니다.
풀-쿼트 밴드(선택)
pullQuote 옵션이 설정되면, 커버와 섹션 목록 사이에 전체 너비의 테라코타 밴드가 렌더링됩니다. 포인트 컬러의 종이 톤 위에 큰 이탤릭 Cormorant Garamond가 표시되며, 위아래로 다이아몬드 룰 구분선이 들어갑니다. 별표(*)로 감싼 텍스트는 이탤릭 강조로 처리됩니다.
Story (This Is Us)
다이아몬드 장식 + 이탤릭 "This Is Us" 타이틀 + 첫 번째 마일스톤의 설명이 인트로로 표시된 뒤, 사진 콜라주가 이어집니다(옵션에 따라 polaroid / grid / single). 이후 각 마일스톤은 사진 + 이탤릭 날짜 + 이탤릭 Cormorant 타이틀 + 본문이 교차 배치되는 스프레드로 렌더링됩니다.
Countdown
다이아몬드 + 이탤릭 챕터 타이틀 + 다이아몬드 장식으로 구분된 부드러운 종이 톤 타일로 구성됩니다. 각 단위의 값은 이탤릭 Cormorant Garamond, 라벨은 Inter 스몰 캡스입니다.
RSVP
페이지 중앙의 부드러운 종이 대체(alt) 카드. 표준 RSVP 폼 위에 이탤릭 마감일이 표시되며, 폼은 폴리시 스타일(헤어라인 밑줄 입력창, 필 형태 제출 버튼)로 재스타일링됩니다.
Gallery (Carousel)
선택한 스타일의 사진 콜라주 프리미티브입니다. Polaroid는 겹치는 스크랩북 느낌, grid는 에디토리얼, single은 미니멀입니다.
Location
베뉴의 아치형 사진(커버 아치 스타일과 일치) 옆에 주소, 임베드 지도, 길 안내가 담긴 부드러운 종이 대체 카드가 배치됩니다. 지도는 헤어라인 테두리와 라운딩이 적용됩니다.
Save the Date (Calendar)
포인트 컬러 테두리의 필 버튼 3개(Google / Apple / Outlook). 호버 시 솔리드로 반전됩니다.
Itinerary
중앙 정렬된 이탤릭 Cormorant 날짜 헤더와 그 아래 전체 일정이 표시됩니다. 각 항목은 왼쪽에 디스플레이 Cormorant로 시간이, 오른쪽에 이벤트 상세가 배치됩니다.
Gifts
포인트 컬러가 반전된 밴드 위에 3개의 부드러운 종이 카드(Registries / Monetary / Charity)가 표시됩니다. 각 카드는 이탤릭 타이틀, 본문 설명, 외부 링크/복사 액션을 위한 포인트 컬러 필 버튼을 포함합니다.
Event Details
프로덕션 노트 스타일 스택: 드레스 코드는 헤어라인 룰 사이 중앙의 이탤릭 Cormorant 풀-쿼트로 표시되고, 숙소는 부드러운 종이 카드, 교통은 컴팩트한 행, FAQ는 이탤릭 Q & A와 헤어라인-좌측 들여쓰기 답변으로 구성됩니다.
Message
호스트 초대 문구는 "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 본문, 부드러운 카드
폴리시 레이어 덕분에 전체 레이아웃을 다시 쓰지 않아도 템플릿과 자연스럽게 어울립니다.
베타 상태
Vesper는 Atelier, Cinematic, Marigold와 함께 beta로 제공됩니다. 의미는 다음과 같습니다:
- 프로덕션 사용에 안정적 — 10개의 맞춤 섹션과 상속 섹션 전반에서 테스트되었습니다.
- 변화 가능성 — 사용 데이터에 따라 아치 형태를 다듬고, 팔레트를 추가하며, 폴라로이드 회전 리듬을 더 폴리시할 수 있습니다.
- 추가 프리미엄 템플릿 예정 — Riviera(코스탈 아트데코)와 Onyx(스피크이지 누아르)는 로드맵에 있습니다.
다듬을 부분을 발견하면 대시보드의 도움말 위젯을 통해 피드백을 보내주세요.
자주 묻는 질문
Q: 결혼식이 아닌 이벤트에도 Vesper를 사용할 수 있나요? A: 네 — Vesper의 부드러운 로맨틱 무드는 기념일 파티, 서약 갱신, 약혼 파티, 브라이덜 샤워, 가족 마일스톤 모임에도 잘 어울립니다. 커버 아이브로우를 상황에 맞게 설정해 보세요("Celebrating 25 Years", "Bridal Shower" 등).
Q: Vesper와 Marigold의 차이는 무엇인가요? A: 둘 다 따뜻하고 에디토리얼한 톤이지만, Vesper는 부드럽고 컨템포러리(블러시 + 이탤릭 Cormorant + 아치형 사진 + 폴라로이드)인 반면 Marigold는 따뜻하고 보헤미안(크림 + 콘덴스드 슬랩 세리프 + 손그림 일러스트 + 1970년대 매거진)입니다. Vesper는 2025년의 Pinterest 같고, Marigold는 1975년의 Vogue 같습니다.
Q: 폴라로이드 회전은 모바일에서도 작동하나요? A: 760px 미만 화면에서는 폴라로이드가 중앙 정렬된 랩(wrap) 레이아웃으로 접히며, 일관된 작은 회전이 적용됩니다. 데스크톱의 겹침 구성 없이도 스크랩북 느낌은 유지됩니다.
Q: 내가 만든 아치 모양을 업로드할 수 있나요? A: 베타에서는 불가능합니다. 3가지 아치(고딕 / 라운드 / 가든)는 수작업으로 튜닝된 SVG clip-path입니다. 향후 릴리스에서 커스텀 아치 업로드를 추가할 수 있습니다.
Q: 풀 쿼트에서 이탤릭이 아니라 별표가 그대로 보입니다.
A: 마크다운 스타일 이탤릭은 단일 별표를 사용합니다: *love gives us*는 love gives us로 렌더링됩니다. 강조할 단어를 별표 한 쌍으로 감쌌는지 확인하세요.
Q: Vesper는 오디오 플레이어/음악 배경과 함께 동작하나요? A: 네. Fotify의 표준 BackgroundMusicPlayer는 Vesper를 포함한 모든 프리미엄 템플릿에서 유지됩니다. 이벤트 구성에 YouTube URL을 추가하면 활성화됩니다.
Q: 다이아몬드를 끌 수 있나요? A: 네 — 커스터마이징 패널에서 "Show diamond ornaments"를 끄면 됩니다. 섹션 사이, 챕터 헤더, 카운트다운 타일 사이의 다이아몬드가 모두 사라져 더 깔끔한 소프트 로맨틱 무드가 됩니다.
다음 단계
- 선택기 UI와 이벤트에서 프리미엄 템플릿을 활성화하는 방법은 RSVP 초대장 커스터마이즈 방법을 참고하세요.
- 다른 세 가지 프리미엄 템플릿인 Atelier, Cinematic, Marigold와 비교해 보세요.
- 프리미엄 템플릿 가격은 pricing page에서 확인하세요.
- 결혼식을 준비 중이라면 Fotify의 웨딩 사진 공유 앱도 확인해 보세요.
도움이 필요하신가요? 대시보드 내 도움말 위젯으로 문의해 주세요.
이 문서가 도움이 되었나요?