아틀리에 템플릿 — 완전 가이드
Atelier는 Fotify 라이브러리의 첫 번째 울트라 프리미엄 템플릿입니다. 실제 레터프레스 초대장 스위트(예: Bella Figura, Smock, La Tavola)에서 영감을 받아, 에디토리얼 타이포그래피, 포일 스탬핑 포인트, 그리고 모든 섹션에 걸친 매거진 레이아웃 언어를 담았습니다.
이 가이드는 Atelier의 전체적인 외형, Atelier에만 있는 커스터마이징 옵션, 이벤트에서 잠금을 해제하는 방법, 그리고 초대장의 각 섹션에 적용되는 맞춤형 처리 방식까지 안내합니다.
표준 템플릿 라이브러리와 선택기 UI에 대한 개요는 How to Customize Your RSVP Invitation을 참고하세요.
Atelier가 다른 점
표준 템플릿은 CSS 변수로 색상, 글꼴, 효과를 제어하며 — 모두 동일한 기본 레이아웃을 공유합니다. Atelier는 다릅니다. 섹션 전체 레이아웃을 수작업 에디토리얼 처리로 교체하고, 자체 호스팅 타이포그래피를 포함하며, 표준 색상/글꼴 제어를 넘어서는 템플릿 전용 커스터마이징 옵션을 제공합니다.
시그니처 디자인 요소
- 포일 스탬핑 세리프 타이포그래피 — 디스플레이 헤드라인은 Playfair Display, 본문은 EB Garamond
- 에디토리얼 커버 — 44/56 분할 구성: 왼쪽에는 포일 모노그램 크레스트, 이탤릭 아이브로우, 디스플레이 세리프 호스트 이름, 포일 오너먼트 디바이더, 날짜 각인, 장소 콜로폰. 오른쪽에는 포일 프레임 사진, 그리고 "Réponse s'il vous plaît" 콜로폰
- 로마 숫자 사이드 인덱스 — 데스크톱에서 오른쪽 가장자리에 고정되는 챕터 인덱스(로마 숫자)가 현재 보고 있는 섹션을 강조 표시
- 매거진 스타일 섹션 — 번갈아 배치되는 2페이지 Story 스프레드, 로마 숫자 Gift registry, 각인 느낌의 주말 Itinerary, 인용구 스타일 드레스 코드 + 끼워 넣은(tipped-in) 숙소 카드, 각인 Countdown 카르투슈, 매거진 그리드 Gallery
- 섹션 사이 오너먼트 디바이더 — 교체 가능한 3가지 수작업 SVG 세트(보태니컬, 셀레스티얼, 클래식)
- 어디에나 있는 포일 아웃라인 버튼 — 캘린더 추가, RSVP 제출, 선물 복사 버튼이 모두 동일한 Atelier 레터프레스 처리를 공유
- 레터프레스 답장 카드 — RSVP 섹션이 포일 보더의 paper-alt 카드로 렌더링(8px 오프셋 섀도우, 모노그램 크라운, 이탤릭 "Réponse s'il vous plaît" 헤더 포함)
Atelier를 선택하면 좋은 경우
Atelier는 초대장 자체가 경험의 일부가 되는 이벤트를 위해 만들어졌습니다:
- 에디토리얼 웨딩 스위트 — 격식/세미 포멀 웨딩처럼, 하객이 초대장을 ‘훑어보는’ 수준이 아니라 ‘읽는’ 이벤트
- 블랙타이 갈라 및 모금 행사 — 차콜 페이퍼에 금/은 포일이 특히 아름답게 표현됩니다
- 기념일 디너 — 25주년, 50주년 같은 마일스톤 축하에 각인 Itinerary와 Story 타임라인이 잘 어울립니다
- 브랜드 런칭 및 갤러리 오프닝 — 매거진 스프레드 Gallery + 에디토리얼 커버가 출판물급 분위기를 만들어 줍니다
- 마일스톤 생일 — 특히 커버 초대 문구 "are turning 50" 라인과 커스텀 모노그램을 함께 사용할 때
반대로 캐주얼 파티, 어린이 행사, 그리고 ‘세심하게 정돈된’ 비주얼보다 ‘장난스럽고 경쾌한’ 언어가 필요한 이벤트에는 덜 적합합니다.
이벤트에 Atelier 적용하기
- dashboard.fotify.app에서 이벤트 대시보드로 이동합니다
- 이벤트를 선택한 뒤, 사이드바의 RSVP 탭을 열고 Invitation 하위 탭으로 이동합니다
- **"Design Template"**까지 스크롤한 후, 하단의 Premium 갤러리(금색 밴드와 "Beta" 태그)를 찾습니다
- Atelier 카드를 클릭해 적용합니다
프리뷰는 즉시 업데이트되며, 초대장 전체가 Atelier 테마로 재구성됩니다.
Premium 사용 권한(Entitlement)
Atelier는 프리미엄 템플릿이므로, 적용하려면 이벤트에 사용 권한이 필요합니다:
- 유료 이벤트(크레딧 비용이 있는 이벤트) → Atelier가 자동으로 잠금 해제됩니다
- 활성 구독이 있는 구독 이벤트 → Atelier가 자동으로 잠금 해제됩니다
- 구독이 없는 무료 이벤트 → 선택기에 잠금 오버레이와 함께 표시되며, 필요한 조건을 설명하는 툴팁이 표시됩니다
사용 권한 체크는 선택기 UI(잠긴 프리미엄 템플릿은 선택 불가)와 서버(권한 없는 이벤트에서 Atelier를 직접 저장 시도하면 거부) 모두에서 실행됩니다. 이벤트를 업그레이드하거나 구독을 활성화하면 잠금이 해제됩니다.
Atelier 전용 커스터마이징
Atelier는 선택기의 "Customize" 패널에서, 표준 색상/글꼴 컨트롤과는 별도의 전용 옵션을 제공합니다. Atelier를 선택한 뒤 "Customize"를 펼치면 "Atelier Premium" 블록을 찾을 수 있습니다:
| 옵션 | 제어 대상 |
|---|---|
| Monogram | 최대 4자 — 보통 호스트 이니셜(예: "A&F"). 커버, RSVP 답장 카드, 푸터에 렌더링됩니다. |
| Cover invitation line | 커버에서 이름 위에 표시되는 이탤릭 아이브로우 문구 — 예: "are getting married", "invite you to a black-tie gala", "are turning 50", "celebrate 25 years together". 비워두면 숨김 처리됩니다. |
| Foil color | 골드, 로즈 골드, 실버, 코퍼, 앤틱 브라스. 템플릿 전반의 모든 포일 포인트(보더, 디바이더, 버튼, 오너먼트, 호버 상태)를 제어합니다. |
| Paper tone | 크림, 아이보리, 블러시, 세이지, 차콜. 차콜은 다크 변형(거의 블랙 페이퍼에 크림 텍스트)입니다. |
| Ornament set | 보태니컬(덩굴 플러리시), 셀레스티얼(스타버스트), 클래식(플뢰롱). 섹션 사이 및 모노그램 주변에 사용됩니다. |
| Monogram frame | 인터락 이니셜, 스택드 블록, 프레임드 크레스트. |
| Show side index (desktop) | 오른쪽 가장자리의 고정 로마 숫자 챕터 인덱스를 표시/숨김 전환합니다. |
모든 변경 사항은 즉시 저장됩니다. 커스터마이즈 패널에서 포일 색상과 페이퍼 톤을 실시간으로 바꿔 보며, 이벤트에 가장 잘 맞는 조합을 찾아보세요 — 선택하는 즉시 템플릿 전체가 재테마됩니다.
추천 포일 + 페이퍼 조합
| 조합 | 분위기 |
|---|---|
| Gold + Cream | 클래식 웨딩 스위트. 기본값. |
| Rose gold + Ivory | 로맨틱하고 모던한 느낌. |
| Silver + Charcoal | 블랙타이 갈라, 모금 행사, 브랜드 런칭. |
| Copper + Sage | 러스틱 에디토리얼, 가든 파티 포멀. |
| Antique brass + Blush | 빈티지, 마일스톤 생일 또는 기념일. |
Atelier 섹션 레이아웃
Atelier는 기본 섹션 레이아웃을 맞춤형 에디토리얼 처리로 교체합니다. 각 섹션은 표준 키트 버전을 대체하며 — 별도의 작업 없이, Atelier를 선택하는 순간 자동으로 활성화됩니다.
Cover (기본 히어로 대체)
에디토리얼 커버는 페이지의 히어로 역할을 합니다. 왼쪽 인덱스 컬럼(모노그램 크레스트, 이탤릭 아이브로우, 디스플레이 세리프 이름, 오너먼트 디바이더, 날짜 각인, 장소 콜로폰)과 오른쪽 포일 프레임 사진으로 44/56 비율로 분할됩니다. 인덱스 컬럼의 왼쪽 가장자리를 따라 세로 포일 라인이 내려오며 — 레터프레스 카드의 "페이지 엣지"를 표현합니다.
커버는 표준 Hero를 완전히 대체합니다. 텍스트 위치, 네브바 스타일 등과 같은 설정은 Atelier 커버에는 적용되지 않습니다.
Message
주최자의 초대 HTML은 EB Garamond 1.2rem으로 렌더링되며, 첫 번째 문단에는 포일 드롭 캡(Playfair Display 5.5rem)이 적용됩니다. 제목(h1–h6)은 에디토리얼 크기 규칙이 적용되고, 목록에는 포일 불릿, 순서 목록에는 로마 숫자 카운터, 인용문에는 포일 왼쪽 라인, 링크에는 포일 밑줄이 적용됩니다. 섹션 상단/하단에는 포일 오너먼트가 배치됩니다.
Countdown
각 단위(일, 시, 분, 초)마다 4개의 각인 스타일 **카르투슈(cartouches)**가 표시됩니다 — Playfair Display 포일 숫자, 상/하단 헤어라인 포일 보더, 그리고 위/아래 중앙의 틱 마크가 포함됩니다. 0이 되면 → 이탤릭 포일로 완료 메시지가 표시됩니다.
Gallery (carousel)
슬라이더 대신 매거진 스프레드로 표현됩니다. 첫 번째 사진은 포일 얇은 프레임의 16:9 "establishing shot"으로 렌더링되고, 나머지 사진은 동일한 포일 프레이밍을 유지한 채 아래에서 2열 또는 3열 그리드로 흐릅니다. 최적의 레이아웃을 위해 4–6장의 사진을 권장합니다.
Story
각 마일스톤은 번갈아 배치되는 2컬럼 스프레드로 렌더링됩니다 — 사진 왼쪽/텍스트 오른쪽, 다음은 텍스트 왼쪽/사진 오른쪽. 사진에는 포일 얇은 보더가 적용됩니다. 챕터 날짜는 포일 이탤릭 + 자간을 준 대문자 형태로, 세리프 챕터 타이틀 위에 표시되며, 설명은 EB Garamond로 렌더링됩니다.
Venue (location)
2컬럼 "각인 지도 플레이트(engraved map plate)": 한쪽에는 포일 보더의 지도 iframe, 다른 쪽에는 이탤릭 장소 카드가 배치되며 Playfair Display 주소, "Directions" 서브 헤더, 그리고 입력한 안내 문구가 표시됩니다.
Itinerary
각인 스타일의 주말 프로그램입니다. 각 날짜는 헤어라인 포일 라인 위에 떠 있는 날짜 헤더로 표시되며(날짜 라벨은 paper-alt 스트립 위에 있어 라인이 뒤로 지나가는 듯 보임), 항목은 포일 이탤릭 시간 컬럼, 작은 포일 불릿, 세리프 이벤트 타이틀 + 이탤릭 장소, 그리고 선택적 포일 라인 노트로 구성된 행 형태로 렌더링됩니다.
Gifts
세 개의 하위 섹션(Registries / Monetary gifts / Charity)이 포일 오너먼트로 구분되며, 각 섹션은 동일한 행 포맷을 사용합니다: 왼쪽에는 Playfair 이탤릭 로마 숫자(I, II, III…), 가운데에는 Playfair 타이틀과 이탤릭 설명, 오른쪽에는 포일 아웃라인의 외부 링크 또는 복사 버튼이 배치됩니다.
Details (event details)
- Dress code는 포일 따옴표가 있는 인용구(pull-quote)로 렌더링되며, 색상을 추가했다면 원형 컬러 스와치가 함께 표시됩니다
- Accommodation은 **끼워 넣은 카드(tipped-in cards)**로 표시됩니다 — 4px 포일 섀도 오프셋(레터프레스 느낌), Playfair 호텔명, 이탤릭 메타 라인, 설정 시 골드 프로모 코드 스탬프
- Transportation은 이탤릭 포일 메타가 포함된 포일 보더 행으로 표시됩니다
- FAQs는 포일 라인 질문이 있는 세리프 Q&A 목록으로 표시됩니다
Save the Date (calendar)
세 가지 동일한 포일 아웃라인 버튼(Google Calendar, Apple/iCal, Outlook)이 표시됩니다 — 이탤릭 대문자 세리프 레이블과 적절한 호버 대비를 제공합니다. 기본 브랜드 칩을 대체합니다.
RSVP
paper-alt 지류 느낌의 답장 카드로, 0.75px 포일 보더와 8px 오프셋 섀도우가 적용됩니다. 상단에는 모노그램 크라운, 이탤릭 아이브로우 "The favour of a reply is requested", 포일 이탤릭 "Réponse s'il vous plaît" 헤드라인이 표시됩니다. 카드 내부의 표준 RSVP 폼은 밑줄만 있는 입력 필드, 이탤릭 대문자 라벨, 포일 아웃라인 수락/거절 버튼, 그리고 다른 곳과 동일한 포일 아웃라인 제출 버튼을 사용합니다.
Footer
모노그램이 포함된 포일 라인 콜로폰 다음, 단일 이탤릭 대문자 각인 라인이 표시됩니다: {event date} · {venue}. Fotify 브랜딩은 표시되지 않습니다(Atelier는 프리미엄 전용 디자인 정책).
Atelier 테마를 상속하는 섹션
Atelier 전용 오버라이드가 없는 섹션은, 폴리시 레이어를 통해 Atelier의 포일-세리프 테마를 자동으로 적용받습니다 — 세리프 타이포그래피, 제로 라디우스 표면, 포일 포인트, 섀도우 없음, 포일 아웃라인 버튼. 전용 레이아웃이 없어도 브랜드 톤을 자연스럽게 유지합니다:
- Photo gallery / upload section (게스트 업로드가 활성화된 경우)
- QR code section — QR이 포일 보더의 종이 카드로 감싸집니다
- Table assignment section
- Custom sections (1 to 5) — 리치 텍스트 콘텐츠에 에디토리얼 제목 크기, 목록의 포일 불릿, 인용문의 포일 라인, 포일 밑줄 링크가 적용됩니다
Message 섹션 또는 Custom Section의 HTML embed에서 작성한 커스텀 HTML 역시 동일한 폴리시를 자동으로 적용받습니다 — h1–h6 크기 규칙, 포일 불릿, 포일 블록 인용 라인, 포일 링크 밑줄.
베타 상태
Atelier는 현재 Beta입니다. 디자인은 실제 이벤트에서 사용할 수 있을 만큼 완전하고 안정적이며 — RSVP 제출, 사진 업로드, 선물, 일정표 등 모든 표준 데이터 플로우가 표준 템플릿과 동일하게 동작합니다. 실제 결혼식이나 갈라 이벤트가 망가지는 일은 없습니다.
Beta 태그는 고객 피드백을 바탕으로 시각적 디테일을 계속 다듬고 있다는 의미입니다 — 특정 페이퍼 톤에서의 타이포그래피 특이 케이스, 예외적인 디바이스에서의 레이아웃 폴리시, 커버 콜로폰 문구 같은 카피 결정 등이 포함됩니다. 거슬리는 부분을 발견하시면 send us a note로 알려 주세요. 다음 이터레이션에서 반영하겠습니다.
Coming next
다음 이터레이션에서는 더 많은 프리미엄 템플릿을 출시할 예정입니다: 시네마틱(모션 중심 타이틀 카드, 스크롤-스냅 챕터), 핸드 레터드(왁스 실 모노그램이 있는 펼쳐지는 레터 커버), 그리고 기타 다양한 방향. 출시되는 대로 선택기의 프리미엄 갤러리에 표시됩니다.
자주 묻는 질문
Q: Atelier는 커스텀 색상을 적용한 표준 템플릿과 무엇이 다른가요? A: 표준 템플릿은 동일한 기본 섹션 레이아웃을 공유하며, 서로 다른 점은 색상/글꼴/효과입니다. Atelier는 섹션 레이아웃 자체를 교체합니다: 에디토리얼 커버, 매거진 Story 스프레드, 각인 Countdown 카르투슈, 레터프레스 답장 카드, 포일 아웃라인 Calendar 버튼, 매거진 Gallery 그리드. 또한 자체 타이포그래피(Playfair Display + EB Garamond)를 포함하며, 표준 라이브러리에는 없는 템플릿 전용 커스터마이징 옵션 7가지를 제공합니다.
Q: 이벤트에서 Atelier를 어떻게 잠금 해제하나요? A: Atelier를 사용하려면 유료 이벤트 크레딧(이벤트 타입에 크레딧 비용이 있는 이벤트) 또는 활성 구독이 필요합니다. 구독이 없는 무료 이벤트에서는 선택기에서 Atelier가 잠금 오버레이와 함께 표시됩니다. 이벤트가 유료로 전환되거나 계정에 활성 구독이 있으면 Atelier를 선택할 수 있게 됩니다.
Q: 데이터는 표준 템플릿과 동일하게 동작하나요? A: 네. Atelier는 표준 템플릿과 동일한 초대장 데이터를 읽습니다 — 이벤트 이름, 날짜, 사진, 스토리 마일스톤, 선물, 일정표, 이벤트 상세, RSVP 커스텀 필드 등 모든 데이터가 마이그레이션 없이 Atelier의 맞춤 레이아웃에 그대로 반영됩니다. 언제든 표준 템플릿으로 다시 전환해도 데이터는 그대로 유지됩니다.
Q: 게스트가 초대장을 본 뒤에도 포일 색상과 페이퍼 톤을 바꿀 수 있나요? A: 네 — 모든 커스터마이징 옵션은 언제든 변경할 수 있습니다. 변경 후 초대장을 보는 게스트는 업데이트된 팔레트를 보게 됩니다. 기존 RSVP는 영향을 받지 않으며, 변경되는 것은 시각적 테마뿐입니다.
Q: 프리뷰에서 커버 초대 문구가 비어 있는 이유는 무엇인가요? A: 커버 초대 문구("are getting married", "invite you to a gala" 등)는 기본값이 비어 있습니다. Customize → Atelier Premium → Cover invitation line에서 이벤트에 맞는 문구를 입력해 주세요. 비워두면 이탤릭 아이브로우가 완전히 숨겨집니다.
Q: 모노그램 이니셜이 잘못 표시돼요. A: 모노그램을 직접 설정하지 않은 경우, Atelier는 이벤트 이름에서 모노그램을 자동으로 추출합니다 — "Alice & Bob" 같은 패턴을 찾고 각 이름의 첫 글자를 가져오는 방식입니다. 원하는 값으로 바꾸려면 Customize → Atelier Premium → Monogram에서 최대 4자를 입력하세요. 새 값은 커버, RSVP 카드, 푸터에 즉시 반영됩니다.
Q: 등록 폼(forms-mode signup)에도 Atelier를 사용할 수 있나요?
A: 네. forms-mode가 활성화되면 fotify.app/r/{code}의 공개 등록 페이지도 동일한 템플릿 파이프라인을 사용합니다. Atelier의 에디토리얼 커버, 사이드 인덱스, 포일 테마 섹션, 답장 카드 스타일 RSVP 폼이 개인 초대장과 동일하게 등록 페이지에도 렌더링됩니다.
Q: Atelier를 선택하면 표준 히어로 설정(텍스트 위치, 네브바 스타일 등)은 어떻게 되나요? A: Atelier는 표준 히어로를 자체 에디토리얼 커버로 대체하므로, 텍스트 위치, 히어로 높이, 오버레이 불투명도, 네브바 스타일 같은 설정은 적용되지 않습니다. 대신 Atelier 전용 옵션(모노그램, 포일 색상, 페이퍼 톤, 커버 초대 문구)이 이를 대체합니다.
Q: 사이드 인덱스는 항상 보이나요? A: 데스크톱 화면 너비 1100px 이상에서만 표시됩니다 — 태블릿과 휴대폰에서는 레이아웃 여백을 위해 인덱스가 숨겨집니다. 또한 Customize → Atelier Premium의 "Show side index (desktop)" 토글로 완전히 비활성화할 수도 있습니다.
Q: 더 어둡고 블랙타이 느낌을 원해요 — 무엇을 선택하면 좋을까요? A: paperTone: charcoal에 foilColor: silver 또는 foilColor: gold를 추천합니다. 차콜 바탕의 크림 텍스트 + 실버/골드 포일은 포멀한 갈라/블랙타이 분위기를 줍니다. 가장 격식 있는 느낌을 원한다면 ornamentSet: classical과 함께 매치해 보세요.
Q: 더 많은 프리미엄 템플릿이 추가되나요? A: 네 — 프리미엄 템플릿은 적극적으로 개발 중인 영역입니다. 시네마틱, 핸드 레터드 등 다양한 방향이 향후 릴리스에 계획되어 있습니다. 선택기의 프리미엄 갤러리에는 다음 출시를 예고하는 "More designs in flight" 플레이스홀더 카드가 표시됩니다.
이 문서가 도움이 되었나요?