이클립스 템플릿 — 완전 가이드

Q: 브랜드 색상을 쓸 수 있나요?

네. **원하는 색상 고르기**로 **코로나**를 브랜드 색상으로 설정하세요. 이 색은 코로나, 행사 이름, 티커, 버튼, 라벨에 쓰이며, 크림색 띠에서는 읽기 쉽도록 같은 색의 더 깊은 음영으로 표시됩니다.

이클립스는 천문대에서 열리는 발사 행사의 웹사이트처럼 구성한 초대장입니다. 커버는 희미한 보랏빛 성운이 깔린 별들의 검은 우주이고, 그 한가운데에 개기일식이 떠 있습니다. 검은 원반을 내가 고른 색의 빛나는 코로나가 두르고 있습니다. 커버 사진은 원반 안에 담기거나 커버 전체에 링 뒤로 어둡게 깔리며, 그 아래에서 행사 이름이 발사 전광판의 글자처럼 도트 매트릭스 서체로 빛납니다.

이클립스는 Fotify의 단순한 디자인 중 하나입니다. 분위기는 직접 고르는 색 하나(어떤 색이든 가능)와 커버 사진을 놓는 위치에서 나옵니다.

이 가이드에서는 이클립스의 모습, 이클립스만의 옵션, 이벤트에 적용하는 방법, 초대장의 각 섹션이 어떻게 배치되는지 설명합니다.

이클립스는 무료 플랜을 포함한 모든 플랜에서 사용할 수 있습니다.

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

이클립스는 무엇이 다른가요

표준 템플릿은 같은 공통 레이아웃 위에서 색과 글꼴만 바꿉니다. 이클립스는 레이아웃 자체를 바꿉니다. 고유의 커버, 티커, 마무리, 고유의 섹션 제목, 그리고 메시지, 카운트다운, 갤러리, 스토리, 프로그램, 회신을 다루는 고유한 방식을 갖추고 있습니다.

대표적인 디자인 요소

일식 — 검은 원반을 빛의 코로나가 둘러쌉니다. 아주 천천히 도는 부드러운 빛줄기, 밝은 테두리, 가장자리에 맺힌 "다이아몬드 링"의 빛방울이 있습니다
원반 안의 사진, 또는 링 뒤의 사진 — 원반 안에서는 커버 사진이 내가 정한 자르기 영역에 맞춰 원형으로 잘리고, 링 뒤에서는 커버 전체를 채우되 일식과 글자가 돋보이도록 어둡게 처리됩니다
도트 매트릭스 글자 — 행사 이름, 섹션 제목, 카운트다운, 티커는 도트 매트릭스 서체인 Doto로, 읽는 글은 모노스페이스인 Geist Mono로 표시됩니다
해독되는 제목 — 게스트가 제목까지 처음 스크롤할 때, 깜빡이는 문자들이 줄의 처음부터 끝까지 차례로 제 글자로 바뀝니다
티커 띠 — 커버 아래에 내 색으로 놓이는 띠로, 내 문구와 날짜, 장소가 작은 여덟 갈래 선버스트 사이로 흘러갑니다
밤과 크림 — 섹션이 검은 우주와 크림색 띠를 번갈아 오가며, 크림색 섹션에는 이클립스를 위해 그린 작은 픽셀 아이콘(선물, 핀, 캘린더, 잔, 티켓, 카메라, 시계)이 들어갑니다
하나의 색 — 추천 색상 또는 컬러 피커에서 고릅니다. 이클립스는 이 색을 코로나, 행사 이름, 티커, 버튼, 카운트다운 숫자, 프로그램 시간, 작은 라벨에 씁니다
언제나 읽기 쉽게 — 연한 노란색이나 검정에 가까운 색을 고르더라도 글자와 버튼은 검은 배경과 크림색 배경 모두에서 또렷하게 읽힐 때까지 조정됩니다

이클립스를 선택하면 좋은 경우

이클립스는 출시 행사 같은 분위기를 원하는 이벤트에 어울립니다.

제품 출시와 런칭 파티 — 브랜드 색상의 코로나와 티커, 저녁의 기록처럼 풀어낸 프로그램
컨퍼런스와 밋업 — 시간을 내 색으로 표시한 모노스페이스 로그 형태의 여러 날 프로그램, 크림색 카드에 담긴 게스트용 안내
기념 생일 — 빛나는 이름, 이륙까지의 카운트다운, 검은 테두리의 크림색 회신 카드

어떤 자리든 게스트가 찍는 사진도 초대장만큼 중요합니다. 게스트는 이벤트 QR 코드를 스캔해 공유 갤러리에 사진을 추가할 수 있습니다. Fotify가 컨퍼런스, 기업 행사, 생일에서 어떻게 쓰이는지 확인해 보세요.

일러스트로 그린 석양의 서밋이라면 더스크를, 연사에게 스포트라이트가 비추는 무대라면 키노트를 사용해 보세요.

이벤트에 이클립스 적용하기

이벤트를 열고 사이드바에서 초대장을 클릭한 다음 초대장 탭을 엽니다
디자인 템플릿에서 갤러리가 접혀 있으면 템플릿 변경을 클릭하고, 디자인에서 이클립스를 찾습니다(기업 행사 필터에 표시되며, 파티와 생일에도 표시됩니다)
선택 사항: 적용해 보기를 누르면 실시간 미리보기에서 내 초대장 내용으로 이클립스를 확인할 수 있습니다 — 이 디자인 사용하기를 누르기 전까지는 아무것도 저장되지 않습니다
또는 이클립스 카드를 클릭해 바로 적용합니다
갤러리 아래의 이클립스 옵션을 열어 색상, 사진을 놓을 위치, 아래에 설명된 다른 옵션을 설정합니다. 변경 사항은 자동으로 저장됩니다

이클립스는 모든 플랜에서 사용할 수 있습니다. 무료 이벤트에서는 초대장 하단 모서리에 작은 "Fotify로 제작" 배지가 표시되며, 유료 플랜이나 활성 구독이 있으면 사라집니다.

나중에 다른 템플릿으로 바꿔도 비파괴적입니다. 이벤트 콘텐츠는 입력한 그대로 유지되고, 이클립스 옵션도 보관되므로 다시 돌아오면 그대로 사용할 수 있습니다.

이클립스 옵션

이클립스에는 고유한 옵션이 여섯 가지 있습니다. 이 옵션은 이클립스가 사용하지 않는 표준 색상 및 글꼴 설정을 대신합니다.

1. 코로나

빛의 색입니다. 두 가지 방법으로 고를 수 있습니다.

추천 스와치 — 시그널 오렌지(기본값), 앰버, 시안, 마젠타, 라임
원하는 색상 고르기 — 마지막 칩을 누르면 기기의 컬러 피커가 열려 브랜드 색상을 정확히 맞출 수 있습니다. 칩 옆에는 그 색상의 코드가 표시됩니다

이클립스는 이 색을 일식을 두른 코로나, 빛나는 행사 이름, 티커 띠, 버튼, 카운트다운 숫자, 프로그램 시간, 작은 라벨에 씁니다. 어떤 색이든 가능합니다. 글자가 올라가는 곳은 또렷하게 읽힐 때까지 음영이 조정되며, 크림색 띠에서는 같은 색의 더 깊은 음영이 됩니다.

2. 커버 사진

커버 사진이 놓이는 위치입니다.

원반 안에 사진(기본값) — 일식의 검은 원반 안에 원형으로 잘라 넣습니다. 달의 가장자리처럼 사진의 가장자리는 조금 어두워지고 가운데는 선명하게 유지됩니다
링 뒤에 사진 — 커버 전체에 어둡게 깔리고, 그 앞에 단단한 검은 원반과 코로나가 놓입니다

커버 사진이 없으면 원반은 그냥 검은색입니다.

3. 티커 띠

기본값은 켜짐입니다. 커버 아래에 내 색으로 놓이는 띠입니다. 끄면 커버에서 곧바로 첫 번째 섹션으로 이어집니다.

4. 티커 문구

날짜와 장소에 앞서 티커 띠를 따라 흐르는 문구입니다(최대 60자). 비워 두면 기본값("초대합니다")이 사용됩니다.

5. 커버 문구

표지 맨 위, 회신 버튼 옆에 들어가는 작은 문구입니다(최대 80자). 비워 두면 기본값("발사 시퀀스")이 사용됩니다.

6. 마무리 문구

페이지 끝에서 떠오르는 일식 위에 들어가는 큰 문구입니다(최대 80자). 비워 두면 기본값("링 아래에서 만나요")이 사용됩니다.

이클립스가 초대장에 표시하는 모든 텍스트 — 커버 문구, 티커 문구, 회신 버튼, 섹션 라벨과 제목, 카운트다운 단위, 프로그램의 "Day"라는 단어, 마무리 문구 — 는 페이지에서 직접 고칠 수도 있습니다. 실시간 미리보기를 편집 모드로 전환하고 텍스트를 더블 클릭하세요. 각 섹션의 자체 설정에서 이미 지정한 섹션 제목(스토리, 카운트다운, 선물, 숙박 안내, 오시는 길, 자주 묻는 질문)도 같은 방식으로 그 자리에서 편집할 수 있습니다.

각 섹션의 디자인 처리

표지

우주 배경이 표준 헤더를 대신합니다.

픽셀 타일 옆에 작은 모노스페이스 대문자로 쓴 커버 문구(옵션 5), 그리고 반대편의 회신 — RSVP 양식까지 스크롤하는 버튼입니다. RSVP 섹션이 표시될 때만 나타나며, Save the Date 페이지에는 표시되지 않습니다
한가운데의 일식, 그리고 원반 안이나 링 뒤에 놓인 커버 사진(옵션 2)
그 아래의 장소와 날짜 — 한쪽에 장소, 다른 쪽에 날짜(와 시간)가 놓입니다. 시간은 초대장 커버의 표지에 시간 표시 설정을, 날짜와 장소는 표지에 날짜 표시와 표지에 위치 표시 설정을 따르며, 모든 게스트에게는 시간대와 관계없이 내가 고른 날짜가 표시됩니다
빛나는 도트 매트릭스 대문자의 행사 이름. 페이지가 열릴 때 해독되듯 제자리를 찾아갑니다. 넓은 화면에서는 짧은 이름이 커버를 한 줄로 가로지르고, 긴 이름은 한 단계 작아져서 단어 중간에서 줄이 바뀌는 일이 없습니다

티커 띠

티커 문구(옵션 4), 날짜, 장소가 각각 작은 선버스트를 달고 내 색의 띠를 따라 흐릅니다. 줄이 시작되는 쪽을 향해 흐르므로 읽는 방향을 따릅니다. 기기에서 움직임 줄이기를 설정한 게스트에게는 멈춰 있으며, 미리보기에서 텍스트를 편집하는 동안에도 멈춰 있어 문구를 더블 클릭할 수 있습니다.

섹션 제목

각 섹션은 그 섹션의 픽셀 아이콘이 담긴 작은 정사각형 타일과 모노스페이스 대문자의 섹션 라벨로 시작하고, 이어서 도트 매트릭스 대문자의 제목, 그리고 스토리에서는 부제목이 나옵니다. 제목은 게스트가 처음 스크롤할 때 해독됩니다.

메시지 — 선언문

첫 번째 크림색 띠에 놓입니다. 짧은 메시지(약 260자까지)는 출시 페이지가 무엇에 관한 것인지 밝히듯 모노스페이스 서체로 크게 표시되고, 더 긴 메시지는 읽기용 크기의 편지처럼 표시됩니다.

카운트다운 — 발사 시계

검은 배경 위에 단위마다 어두운 패널 하나가 뷰파인더처럼 네 모서리 눈금으로 둘러싸여 놓이고, 내 색으로 빛나는 도트 매트릭스 숫자와 그 아래의 단위가 표시됩니다. 행사 장소의 시간대 기준으로 행사의 날짜와 시간까지 카운트다운하며, 그 순간이 되면 완료 메시지가 표시됩니다.

갤러리(캐러셀)

검은 배경 위에 게스트가 넘겨 보는 프레임 한 줄로 사진이 놓이며, 각 프레임 모서리에 줄에서의 순서(01, 02…)가 표시됩니다. 사진은 본래의 색을 그대로 유지합니다.

스토리 — 미션 카드

크림색 띠 위에 모든 마일스톤이 흰색 카드가 되어 사진, 내 색으로 표시되는 순서(01, 02…), 날짜(초대장의 날짜 형식), 제목, 본문이 함께 놓입니다. 사진이 없는 마일스톤에는 대신 픽셀 카메라가 표시되어 카드의 높이가 고르게 유지됩니다. 넓은 화면에서는 한 줄에 세 개, 태블릿에서는 두 개, 휴대폰에서는 한 개입니다.

일정 — 미션 로그

검은 배경 위에 프로그램이 항목당 한 줄의 로그로 표시됩니다. 내 색의 시간, 긴 대시, 그리고 대문자로 쓴 순서가 이어지고, 장소와 메모는 그 아래 더 옅은 줄에 놓입니다. 옆에는 흐릿한 줄 번호가 내려가고, 마지막 줄 뒤에서는 블록 커서가 깜빡입니다(움직임 줄이기를 설정하면 멈춰 있습니다). 프로그램이 여러 날에 걸치면 각 날은 "Day 01", "Day 02"…(프로그램에서의 그날의 순서)와 그날의 날짜나 라벨로 시작하며, 날짜나 라벨이 있는 날에만 제목이 나타납니다. 항목 아이콘은 표시되지 않습니다.

RSVP — 탑승 카드

마지막 크림색 띠에 "함께하시겠어요?"라는 제목과 그 아래의 RSVP 마감일, 그리고 검은 테두리의 크림색 카드에 담긴 회신 양식이 놓입니다. 카드 윗부분의 검은 띠에는 픽셀 티켓과 개기에 이르는 일식의 위상이 흐르는데, 장식일 뿐이며 카드에 좌석, 코드, 번호가 표시되는 일은 없습니다. 버튼은 검은 테두리에 내 색을 입습니다. Save the Date 페이지에서는 양식 대신 Save the Date 안내가 카드에 들어갑니다.

장소, 선물, 세부 정보, Save the Date

이 네 섹션은 Fotify의 다른 컬러 피커 지원 디자인(메리디언, 스레드, 프리즘, 듀오톤)과 구조를 공유합니다. 장소, 선물, 세부 정보는 크림색 띠 위에 네모난 흰색 카드, 작은 픽셀 아이콘, 검은 테두리에 내 색을 입은 버튼으로 놓이고, Save the Date는 검은 배경 위에 놓입니다.

장소 — 지도 카드 옆에 주소, 길 안내, 지도에서 열기 버튼이 담긴 주소 카드(픽셀 핀 포함)가 놓입니다. 지도를 표시할 수 없으면 지도 카드에 장소의 좌표와 함께 핀을 그리고, 좌표가 없으면 주소 카드가 한 줄 전체를 차지합니다
선물 — 모든 선물 목록, 결제 옵션, 기부처, 위시리스트 항목이 픽셀 선물, 카드, 하트와 함께 그리드의 개별 카드가 되며, 두 종류 이상을 제공하면 작은 라벨(개수 포함) 아래로 묶여 표시됩니다. 결제 정보는 복사 버튼이 있는 오목한 상자에 들어가고, 긴 계좌번호는 카드 안에서 줄이 바뀝니다. 결제 링크, 스캔해서 결제하는 QR 코드, 위시리스트 예약은 각 카드의 버튼으로 표시됩니다
세부 정보 — 주제별로 카드가 하나씩 있습니다. 복장 안내는 추천 색상과 피해야 할 색상을 스와치로 보여 주고, 숙박 안내는 호텔마다 미니 카드(거리, 가격대, 프로모션 코드, 메모, 예약하기 버튼)로, 오시는 길은 교통수단별 아이콘과 함께, 전체 너비의 자주 묻는 질문 카드에서는 탭할 때마다 각 질문이 열립니다
Save the Date(캘린더) — 한쪽에 픽셀 캘린더, 제목, 이벤트 날짜, 다른 쪽에 Google, Apple(캘린더 파일 다운로드), Outlook 버튼이 있는 어두운 카드 하나입니다

마무리

다시 우주 배경이 나옵니다. 큰 도트 매트릭스 대문자의 마무리 문구(옵션 6)가 해독되듯 제자리를 찾고, 그 아래에 장소와 날짜, 회신 버튼이 있으며, 페이지 아래쪽 가장자리에서는 일식이 떠오릅니다.

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

다음 섹션은 Fotify의 공통 레이아웃을 유지하되 이클립스의 스타일로 꾸며집니다.

사진 업로드, QR 코드, 테이블 배정, 플레이리스트, 하위 이벤트, 특별 혜택, 맞춤 섹션

각 섹션은 페이지의 나머지 부분과 같은 열 안에서 검은 배경 위의 네모난 어두운 카드에 담기며, 제목은 도트 매트릭스 대문자로, 버튼은 내 색으로 표시됩니다. 맞춤 섹션의 사진은 높이가 제한되어 세로로 긴 인물 사진이 페이지를 차지하지 않습니다.

자주 묻는 질문

Q: 브랜드 색상을 쓸 수 있나요? A: 네. 원하는 색상 고르기로 코로나를 브랜드 색상으로 설정하세요. 이 색은 코로나, 행사 이름, 티커, 버튼, 라벨에 쓰이며, 크림색 띠에서는 읽기 쉽도록 같은 색의 더 깊은 음영으로 표시됩니다.

Q: 사진은 원반 안과 링 뒤 중 어디에 두는 게 좋을까요? A: 원반 안은 인물 사진이나 가운데에 뚜렷한 피사체가 있는 사진에 어울립니다. 자르기 영역을 설정해 원 안에 맞추세요. 링 뒤는 장소나 군중을 담은 넓은 사진에 어울리며, 어두운 배경으로 읽힙니다.

Q: 프로그램에 왜 "Day 01", "Day 02"라고 표시되나요? A: 프로그램이 여러 날에 걸치면 각 날이 날짜 순서에 따른 프로그램 내 순서를 표시합니다. 하루짜리 프로그램에는 번호가 표시되지 않습니다. "Day"라는 단어는 실시간 미리보기의 편집 모드에서 바꿀 수 있습니다.

Q: 제목은 항상 해독되나요? A: 게스트가 각 제목까지 처음 스크롤할 때 딱 한 번만 해독됩니다. 기기에서 움직임 줄이기를 설정한 게스트에게는 제목이 정지된 채 표시되며, 라틴 문자가 아닌 문자(히브리어, 아랍어, 키릴 문자, 일본어 등)로 쓴 제목도 그대로 표시됩니다. 스크린 리더는 항상 최종 글자를 읽습니다.

Q: 이클립스는 오른쪽에서 왼쪽으로 쓰는 언어에서도 작동하나요? A: 네. 히브리어와 아랍어에서는 레이아웃이 좌우 반전됩니다. 장소와 날짜가 서로 자리를 바꾸고, 티커는 반대 방향으로 흐르며, 빛방울은 링의 반대편으로 옮겨 갑니다. 커버 사진의 자르기 영역은 설정한 그대로 유지됩니다.

Q: 페이지에 움직임이 있나요? A: 은은하게만 움직입니다. 코로나가 아주 천천히 돌고, 별 몇 개가 반짝이며, 티커가 흐르고, 제목이 한 번 해독되고, 커서가 깜빡입니다. 기기에서 움직임 줄이기를 설정한 게스트에게는 멈춘 페이지가 표시됩니다.

다음 단계

템플릿 갤러리와 적용 전에 디자인을 미리 입어 보는 방법은 RSVP 초대장 커스터마이즈 방법을 참고하세요
다른 행사 디자인도 비교해 보세요. 해 질 녘의 서밋 더스크, 또는 강연과 출시를 위한 스포트라이트 무대 키노트가 있습니다
QR 코드로 게스트가 사진을 공유하게 해 보세요. Fotify의 컨퍼런스와 RSVP가 있는 디지털 초대장에 대해 읽어 보세요

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