7단계로 끝나는 사이트 런칭.
가입부터 게시까지 한 흐름으로 안내합니다. 영상은 곧 추가되며, 그 전까지는 아래 단계별 설명과 화면 예시로 같은 내용을 안내합니다.
- 1
이메일로 가입
랜딩의 '무료로 시작' 버튼을 누르고 이메일을 입력하면 베타 계정이 생성됩니다. 비밀번호는 곧 추가됩니다.
/login 페이지에서 이메일만으로 시작할 수 있습니다.
- 2
새 사이트 만들기
대시보드 → '새 사이트' 버튼. 사이트 이름은 나중에 자유롭게 변경 가능합니다.
한 계정에서 여러 사이트를 만들 수 있고, 언제든 이전 작업을 다시 열 수 있습니다.
- 3
페이지 추가 — 또는 템플릿으로 시작
사이트 상세에서 '새 페이지'. 제목과 URL 슬러그를 정하면 됩니다. 슬러그는 /p/슬러그 형태로 공개 URL이 됩니다. 더 빠른 시작은 /templates 갤러리에서 60+ 업종 템플릿 중 하나를 클론.
새 페이지는 빈 화면이 아니라 스타터 템플릿(헤드라인 · 서브카피 · CTA · 그라디언트 박스)이 자동 주입됩니다. 템플릿 클론은 로그인 → 자동 프로젝트 생성 → 에디터까지 한 흐름.
- 4
에디터에서 디자인
좌측 레일에서 22+ 요소를 검색 / 드래그-드롭으로 추가합니다. 텍스트 · 이미지 · 버튼 · 갤러리 · 네비게이션 · 폼 · 카카오 채널 · 네이버 지도 · 결제 버튼 · 공지/게시판 · 띠 배너 · FAQ · 요금제 · 후기 · 회사 정보 · 소셜 링크 · 뉴스레터까지.
V 이동 / H 핸드 / R 박스 / T 텍스트 도구. Cmd+휠 = 커서 중심 줌. 더블클릭으로 텍스트 인라인 편집. 우측 인스펙터에서 위치 · 크기 · 타이포 · 배경 · 그라디언트 · 효과 · 인터랙션 · 등장 애니메이션을 편집합니다.
- 5
반응형 + 애니메이션
상단 데스크탑 / 태블릿 / 모바일 토글로 각 폭에서 따로 디자인할 수 있고, 게시된 페이지는 320~1920+ px 어떤 viewport 에서도 자동 fit 됩니다. iPad Pro 가로 / Z Fold 펼침까지 모두 자연스럽게.
9가지 등장 애니메이션 (페이드/슬라이드/줌/회전/플립/바운스). '페이지 로드 시' 또는 '스크롤로 보이면' 트리거 선택 — 긴 페이지가 섹션별로 살아남. prefers-reduced-motion 자동 존중.
- 6
관리 surface — 게시판 · 팝업 · 회원 · 통계
각 사이트마다 게시판/공지 글, 이벤트 팝업, 띠 배너, FAQ, 회원/문의자 목록, 일간 조회 통계를 한 곳에서 관리합니다. 글에 '카테고리' 를 적어두면 PostsList 요소가 카테고리별로 필터해서 노출.
사이트 메뉴는 한 번만 편집 → 모든 페이지에 자동 반영 (NavbarElement '사이트 메뉴 사용' 옵션). 폼 제출은 Slack/Discord 웹훅 + Resend 이메일로 알림.
- 7
저장 · 게시 · 도메인
2.5초마다 자동 저장 + 50개 revision 보관. 'Cmd+S' 수동 저장, 'Cmd+Shift+S' 저장+게시. /p/<슬러그> 또는 <서브도메인>.<루트도메인> 으로 공개됩니다.
공개 페이지에 자동 OG 이미지 + JSON-LD + sitemap.xml (게시글 포함). 게시 토스트로 URL 복사. ⌘K 명령 팔레트로 25+ 요소를 키보드만으로 검색·추가.