디자인 방향Pro새 카드
시네마틱 스크롤: 장면이 바뀌는 롱페이지
한 화면이 한 장면이다. 스크롤할 때마다 배경색이 바뀌고 글이 떠오르는 롱페이지 무드를 라이브러리 없이 만든다.
마지막 수정
여는 방법 보기카카오 로그인만 하면 전체가 열립니다
로그인하면 전체가 열립니다
붙일 프롬프트
스크롤 연출을 시키면 AI 는 라이브러리를 셋 깔고 휠 이벤트를 가로챈다. 이 팩은 장면 수·배경 3색·전환 시간·트리거 지점을 정해 두고 관찰자 하나로 끝내게 해서, 가볍고 끊기지 않는 롱페이지가 나온다.
로그인하면 보이는 본문
카카오 로그인하면 바로 열립니다
Pro 카드는 얼리액세스라 로그인한 분에게만 열어 두었습니다. 돈은 받지 않고, 로그인 한 번이면 본문 전체와 완성 미리보기가 그대로 보입니다.
얼리액세스 안내 보기붙이기 전에 한 번
언제 쓰고, 뭐가 필요한가
언제 쓰나
제품 하나를 순서대로 소개하는 출시 페이지, 포트폴리오, 캠페인 사이트에 쓴다. 정보를 한눈에 보여 주는 게 아니라 한 장면씩 넘기며 읽히게 만들고 싶을 때 고른다.
준비물
- 새 프로젝트다. Next.js 는 1번 뼈대가 깔려 있고, HTML 은 빈 index.html 에서 시작한다
- 히어로에 놓을 한 단어(영문이면 12자, 한글이면 6자 이내)와 부제 한 문장이 있다
- 장면 3개의 제목·두 문장 본문·숫자 하나(예: 3초, 12배)가 있다
같이 쓰면 좋습니다