벤토 템플릿 — 완전 가이드

벤토는 세련된 제품 웹사이트가 기능을 소개하는 방식처럼, 초대장을 둥근 타일로 이루어진 모듈형 그리드로 바꿔 줍니다. 리넨이 패션 매거진처럼, 아틀리에가 레터프레스 스테이셔너리처럼 읽힌다면, 벤토는 선명하고 밝고 모던합니다. 따뜻한 포슬린 캔버스 위의 흰 타일, 자간을 좁힌 큼직한 헤드라인, 작은 고정폭 라벨, 그리고 과감한 강조 색상 하나.

이 가이드에서는 벤토의 모습, 벤토에만 있는 옵션, 적용 방법, 그리고 초대장의 각 섹션에 적용되는 디자인 처리 방식을 다룹니다.

템플릿 라이브러리와 선택기에 대한 개요는 RSVP 초대장 커스터마이즈 방법을 참고하세요.

벤토가 다른 점

표준 템플릿은 하나의 공통 레이아웃을 색상과 글꼴로 다시 꾸밉니다. 벤토는 레이아웃 자체를 바꿉니다. 커버, 카운트다운, 갤러리, 스토리, 일정, 선물, 세부 정보, 캘린더 버튼, RSVP 양식이 모두 그리드 위의 타일로 새롭게 만들어졌습니다.

대표적인 디자인 요소

타일로 구성된 커버 — 히어로 배너 대신 커버가 타일 묶음으로 이루어집니다. 이벤트 이름이 들어간 큰 제목 타일, 사진 타일, 큼직한 날짜 숫자가 들어간 날짜 타일, 시간 타일, 핀이 표시된 장소 타일, 그리고 게스트를 양식으로 바로 안내하는 선명한 RSVP 타일
떠 있는 알약형 내비게이션 — 화면 상단에 고정되는 유리 느낌의 알약형 바로, 이니셜, 표시 중인 모든 섹션으로 가는 링크, RSVP 버튼이 들어갑니다. 게스트가 스크롤하면 지금 읽고 있는 섹션의 링크가 강조됩니다. 휴대폰에서는 게스트가 스크롤을 시작하자마자 미끄러지듯 나타납니다
큼직한 디스플레이 서체 — 이름, 제목, 숫자에는 자간을 좁힌 아주 굵은 Inter Tight, 본문에는 Inter, 각 타일의 작은 대문자 라벨에는 JetBrains Mono를 사용합니다
강조 색상은 단 하나 — 탠저린, 코발트, 라임, 바이올렛 중 하나를 골라 RSVP 타일, 내비게이션 버튼, 시간 칩, 포커스 링처럼 꼭 필요한 곳에만 사용합니다
네 가지 캔버스, 그중 하나는 다크 — 포슬린, 그래파이트(다크 모드), 세이지, 블러쉬
세 가지 모서리 스타일 — 부드러운 타일, 한층 더 둥근 타일, 각진 타일과 버튼
반응하는 타일 — 데스크톱에서는 포인터를 올리면 타일이 살짝 떠오릅니다. 기기에서 동작 줄이기를 설정한 게스트에게는 움직임 없는 페이지가 표시됩니다

벤토를 선택하면 좋은 경우

벤토는 초대장이 요즘 감각으로, 잘 정리되어 있고, 한눈에 훑어보기 쉽기를 바라는 호스트에게 잘 맞습니다.

모던한 결혼식 — 특히 도시에서 올리는 결혼식이나, 꽃과 필기체보다 깔끔한 그래픽 디자인을 좋아하는 커플에게
기업 행사, 런칭, 컨퍼런스 — 제품 사이트 같은 느낌이 사내 행사, 오프사이트, 제품 런칭, 밋업에 잘 어울립니다. 기업 행사도 참고하세요
생일과 특별한 기념 파티 — 저녁 파티라면 그래파이트에 라임이나 탠저린을, 부드러운 분위기라면 블러쉬를 골라 보세요. 생일도 참고하세요
여러 날에 걸친 이벤트 — 일정 타일, 세부 정보 그리드, 섹션 내비게이션 덕분에 긴 주말 일정도 따라가기 쉽습니다
실용적인 정보가 많은 이벤트 — 드레스 코드, 호텔, 교통, 자주 묻는 질문, 선물이 긴 텍스트 대신 각자 전용 타일에 담깁니다

흑백 사진이 어우러진 차분한 에디토리얼 스타일을 원한다면 리넨, 격식 있는 레터프레스 스테이셔너리를 원한다면 아틀리에, 부드럽고 로맨틱한 파스텔을 원한다면 베스퍼를 선택하세요.

이벤트에 벤토 적용하기

이벤트를 열고 사이드바에서 초대장을 클릭한 다음 초대장 탭을 엽니다
디자인 템플릿에서 갤러리가 접혀 있으면 템플릿 변경을 클릭하고, 디자인에서 벤토를 찾습니다
선택 사항: 적용해 보기를 누르면 실시간 미리보기에서 내 초대장 내용으로 벤토를 확인할 수 있습니다 — 이 디자인 사용하기를 누르기 전까지는 아무것도 저장되지 않습니다
또는 벤토 카드를 클릭해 바로 적용합니다
갤러리 아래의 벤토 옵션을 열어 캔버스, 강조 색상, 모서리, 그 밖의 옵션(아래 설명)을 설정합니다. 변경 사항은 자동으로 저장됩니다

벤토는 무료를 포함한 모든 플랜과 구독 이벤트에서 사용할 수 있습니다. 나중에 다른 템플릿으로 바꿔도 비파괴적입니다. 이벤트 콘텐츠는 입력한 그대로 유지되고, 벤토 옵션도 보관되므로 다시 돌아오면 그대로 사용할 수 있습니다.

맞춤 설정 옵션

벤토에는 Fotify의 표준 컨트롤 외에 전용 옵션이 6가지 있습니다.

1. 캔버스

모든 타일 뒤에 깔리는 뉴트럴 색상입니다.

포슬린(기본값) — 따뜻한 오프화이트 캔버스에 새하얀 타일과 검정에 가까운 텍스트
그래파이트 — 다크 모드입니다. 검정에 가까운 캔버스, 차콜 타일, 밝은 텍스트. 마무리 타일과 날짜 타일은 밝은 색으로 반전되고, 양식 컨트롤도 다크 버전으로 바뀝니다
세이지 — 부드러운 그린 그레이 캔버스
블러쉬 — 부드러운 핑크 캔버스

2. 강조 색상

페이지에서 유일하게 선명한 색상입니다. RSVP 타일, 내비게이션의 RSVP 버튼, 제출 버튼, 시간 칩, 포커스 링에 쓰입니다.

탠저린(기본값) — 따뜻한 오렌지 레드
코발트 — 강렬한 블루
라임 — 선명한 옐로 그린. 그래파이트와 함께 쓰면 특히 돋보입니다
바이올렛 — 채도 높은 퍼플

각 강조 색상에는 전용 라벨 색상이 짝지어져 있어, 어떤 캔버스에서도 버튼 텍스트가 잘 읽힙니다.

3. 모서리

타일, 사진, 버튼의 모서리가 얼마나 둥근지 정합니다.

부드럽게(기본값) — 둥근 타일과 완전한 알약형 버튼
둥글게 — 한층 더 부드럽고 통통한 타일
각지게 — 거의 사각형인 타일이 되고, 알약형 버튼도 각진 버튼으로 바뀝니다

4. 커버 라벨

커버의 이벤트 이름 위에 색깔 점과 함께 표시되는 작은 라벨입니다. 기본값은 "초대합니다"입니다. "날짜를 비워 두세요", "함께해 주세요", "런칭 나이트"처럼 원하는 문구를 넣어 보세요.

5. 마무리 제목

페이지 맨 아래 어두운 마무리 타일에 크게 들어가는 문구입니다. 기본값은 "그날 만나요."입니다. "6월에 만나요", "함께 축하해요", "기다릴게요" 같은 문구도 좋습니다.

6. 플로팅 내비게이션

화면 상단의 알약형 내비게이션을 켜거나(기본값) 끕니다. 끄면 커버가 살짝 위로 올라오고, 게스트는 평소처럼 페이지를 스크롤합니다.

벤토가 초대장에 표시하는 모든 텍스트 — 타일 라벨, 섹션 제목, RSVP 타일, 버튼 라벨 — 는 페이지에서 직접 고쳐 쓸 수도 있습니다. 실시간 미리보기를 편집 모드로 전환하고 텍스트를 더블클릭하세요. 커버 라벨과 마무리 제목도 같은 방식으로 그 자리에서 편집할 수 있습니다.

섹션별 디자인 처리

커버

표준 헤더 대신 타일 묶음이 배치됩니다.

제목 타일 — 커버 라벨 아래에 이벤트 이름을 아주 크게 표시합니다. 긴 이름은 자동으로 한 단계 작아지며, 단어 중간에서 줄이 바뀌지 않습니다
사진 타일 — 커버 사진을 타일에 꽉 차게 잘라 보여 줍니다. 사진이 없으면 데스크톱에서는 점무늬 패널에 이니셜을 표시하고, 휴대폰에서는 이 타일을 생략합니다
날짜 타일 — 큼직한 날짜 숫자 옆에 월, 요일, 연도를 표시합니다
시간 타일 — 시작 시간을 12시간제 또는 24시간제로 표시합니다. 커버의 표지에 시간 표시 설정으로 숨길 수 있습니다
장소 타일 — 이벤트 장소를 핀과 함께 표시합니다
RSVP 타일 — 강조 색상의 타일로, 양식까지 바로 스크롤합니다

데스크톱에서는 제목과 사진이 나란히 놓이고 그 아래에 정보 타일이 한 줄로 배치됩니다. 휴대폰에서는 모든 타일이 깔끔한 2열 그리드로 쌓입니다.

메시지

넓은 타일 하나. 한쪽에는 작은 라벨과 이니셜, 다른 쪽에는 메시지를 제품 페이지의 헤드라인 문구처럼 크게 배치합니다. 강조한 단어는 강조 색상으로 표시됩니다. 긴 메시지는 읽기 편한 크기로 줄어듭니다.

카운트다운

제목 타일 뒤에 일, 시간, 분, 초 단위별로 타일이 하나씩 이어지며, 각각 큼직한 숫자를 보여 줍니다. 카운트다운 설정에서 끈 단위는 사라지고 나머지 타일이 넓어집니다. 당일이 되면 숫자 대신 강조 색상 타일에 완료 메시지가 표시됩니다.

갤러리(캐러셀)

사진이 벤토 모자이크로 배치됩니다. 큰 대표 사진, 그 옆에 작은 사진 두 장, 이어서 세로로 긴 사진과 가로로 긴 사진이 한 장씩 반복됩니다. 마지막 사진들은 항상 그리드를 채우도록 늘어나므로, 사진이 몇 장이든 깔끔하게 마무리됩니다.

스토리

같은 모양의 카드가 한 줄로 이어집니다. 위에는 사진, 그 아래에 날짜, 제목, 본문이 들어가며, 휴대폰에서는 스와이프로, 데스크톱에서는 화살표 버튼으로 넘겨 봅니다. 사진이 없는 마일스톤은 색이 입혀진 패널에 번호를 표시해 모든 카드가 같은 모양을 유지합니다.

장소

지도 타일 옆에 주소 타일이 놓이며, 전체 주소, 오시는 길 안내, 지도에서 열기 버튼이 들어갑니다. 지도를 표시할 수 없으면 지도 타일에 장소 좌표와 핀을 그려 보여 줍니다. 좌표가 없으면 주소 타일이 전체 너비로 펼쳐집니다.

일정

하루에 한 줄씩 배치됩니다. 큼직한 날짜 숫자와 전체 날짜가 들어간 어두운 날짜 타일 옆에 그날의 일정이 카드로 놓입니다. 각 카드는 시간 칩으로 시작해 일정 이름, 장소, 메모가 이어집니다.

선물

선물 목록, 결제 수단, 기부처, 위시리스트 항목이 각각 그리드 안의 개별 타일이 됩니다. 여러 종류를 제공하면 작은 라벨 아래에 종류별로 묶여 표시됩니다. 결제 정보는 복사 버튼이 있는 오목한 칸에 표시되고, 긴 계좌 번호나 지갑 주소도 타일 안에서 줄바꿈됩니다. 결제 링크와 스캔하여 결제하는 QR 코드는 그 아래에 버튼으로 나타납니다.

이벤트 세부 정보

주제별로 타일이 하나씩 배치됩니다. 드레스 코드는 추천 색상과 피해야 할 색상을 스와치로 보여 주고, 숙박 안내는 호텔별 카드(거리, 가격대, 프로모션 코드, 예약 링크), 오시는 길은 교통수단별 카드로 구성되며, 전체 너비의 자주 묻는 질문 타일에서는 질문을 탭할 때마다 답변이 열리고 닫힙니다.

Save the Date(캘린더)

타일 하나에 한쪽은 제목과 날짜, 다른 쪽은 Google, Apple, Outlook 세 개의 버튼이 들어갑니다.

RSVP

큰 흰색 타일에 한쪽은 제목과 회신 기한, 다른 쪽은 RSVP 양식이 들어갑니다. 참석 여부 선택은 고를 수 있는 두 개의 타일이 되고, 입력란은 둥근 오목한 형태가 되며, 제출 버튼은 강조 색상으로 표시됩니다. 데스크톱에서는 게스트가 긴 양식을 스크롤하는 동안에도 제목이 계속 보입니다.

마무리

이니셜, 마무리 제목, 날짜와 장소가 들어간 어두운 마무리 타일 옆에 강조 색상의 RSVP 타일이 하나 더 놓입니다.

공통 레이아웃을 사용하는 섹션

일부 섹션은 Fotify의 공통 레이아웃을 유지하면서 벤토 스타일로 꾸며집니다. 각 섹션은 같은 열 안의 타일이 되며, 벤토의 제목과 버튼을 사용합니다.

사진 업로드 — 강조 색상의 업로드 버튼, 둥근 사진
QR 코드 — 둥근 플레이트와 알약형 저장 버튼
내 테이블 — 테이블 이름을 강조 색상 칩으로 표시
하위 이벤트와 혜택 — 알약형 수락, 거절, 잠금 해제 버튼
플레이리스트 신청
맞춤 섹션 — 벤토 제목을 사용합니다. 섹션 사진은 둥글게 처리되고 높이가 제한되어, 세로로 긴 인물 사진이 페이지를 뒤덮지 않습니다

자주 묻는 질문

Q: 벤토는 IT나 기업 행사 전용인가요? A: 아니요. 제품 웹사이트에서 영감을 받은 디자인이지만, 결혼식을 포함해 깔끔하고 모던한 디자인을 좋아하는 모든 이벤트에 잘 어울립니다. 부드러운 느낌을 원하면 블러쉬나 세이지에 부드러운 모서리를, 과감한 파티라면 그래파이트에 라임을 골라 보세요.

Q: 어두운 그래파이트 캔버스는 게스트의 다크 모드 설정을 따르나요? A: 아니요. 캔버스는 호스트가 고르는 것이며, 모든 게스트에게 같은 디자인이 보입니다. 그래파이트는 선택할 수 있는 다크 옵션일 뿐입니다.

Q: 내비게이션에 일부 섹션이 보이지 않는 이유는 무엇인가요? A: 내비게이션에는 켜져 있고 내용이 있는 섹션만 섹션 순서대로 표시됩니다. RSVP는 링크 대신 알약형 바 끝에 전용 버튼으로 표시됩니다.

Q: 이벤트 이름이 긴데 커버에 들어갈까요? A: 네. 벤토는 이름의 길이와 가장 긴 단어를 기준으로 헤드라인 크기를 정하므로, 긴 이름은 한 단계 작아지고 단어 사이에서 줄이 바뀝니다.

Q: 강조 색상을 우리 브랜드 색상으로 바꿀 수 있나요? A: 벤토는 검증된 네 가지 강조 색상(탠저린, 코발트, 라임, 바이올렛)을 제공하며, 각 색상에는 어떤 캔버스에서도 버튼이 잘 읽히도록 라벨 색상이 짝지어져 있습니다.

Q: 벤토는 모든 표준 기능을 지원하나요? A: 네. 커버, 메시지, 카운트다운, 갤러리, 스토리, 장소, 일정, 선물(위시리스트 예약과 공동 선물 포함), 이벤트 세부 정보, 캘린더 버튼, RSVP 모두 벤토 전용 레이아웃이 있으며, 나머지 섹션은 공통 레이아웃을 벤토 스타일로 보여 줍니다. 봉투 열기와 배경 음악도 평소처럼 작동합니다.

다음 단계

템플릿 갤러리와 적용하기 전에 디자인을 미리 적용해 보는 방법은 RSVP 초대장 커스터마이즈 방법을 참고하세요
에디토리얼 미니멀리즘의 리넨이나 레터프레스 격식의 아틀리에와 비교해 보세요
Fotify의 RSVP 디지털 초대장에 대해 더 알아보세요

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