popnow
요금로그인지금 만들기

얻을 수 있는 것

  • 글꼴과 이미지가 내장되어 네트워크 요청이 없는 HTML 파일 하나
  • 이메일 수집이 있는 히어로, 실시간 차트가 있는 제품 미리보기, 혜택 선택기, 요금제, FAQ, 마지막 가입 영역
  • 유료 장벽이 있는 샘플 호, 검색 가능한 아카이브, 좌석과 선물이 있는 가입, 로그인, 약관, 404 등 작동하는 경로
  • 링크, 경로, 라벨, 유리 레시피, 남은 샘플 문구를 확인하는 검증 도구
  • 선택: 크레딧 견적 후 PopNow가 만드는 정지 이미지, 인물 사진, 히어로 루프, 소셜 카드

이럴 때 좋아요

  • 뉴스레터와 브리핑 가입 페이지
  • 대기 명단, 비공개 베타, 출시 캠페인
  • 좌석을 파는 멤버십, 강좌, 행사

이럴 때는 맞지 않아요

  • 밝거나 파스텔이거나 화려한 브랜드. 이 페이지는 흑백 전용입니다
  • 상품이 많은 온라인 상점
  • 긴 기능 투어가 필요한 SaaS 사이트

사용 방법

Claude·ChatGPT에서

PopNow 스킬 사용: “글래스모피즘 웹사이트 템플릿”(glassmorphism-website-template). 할 일: Tidewatch의 가입 페이지를 만들어 주세요. 소형 보트 항해자를 위한 금요일 이메일입니다. 예보 차트 하나, 항구 메모 세 개, 긴 읽을거리를 담습니다. 무료이고, 월 $5 크루 등급도 있습니다.

코딩 에이전트에서

/popnow-glassmorphism-website-template Tidewatch의 가입 페이지를 만들어 주세요. 소형 보트 항해자를 위한 금요일 이메일입니다. 예보 차트 하나, 항구 메모 세 개, 긴 읽을거리를 담습니다. 무료이고, 월 $5 크루 등급도 있습니다.

이어서 해 보기

아무것도 생성하기 전에 밤의 어두운 물 히어로 정지 이미지와 그것으로 만든 5초 루프 견적부터 알려 주세요.

페이지를 내 Astro 사이트에 컴포넌트와 실제 라우트로 옮겨 주세요.

미리 준비할 것

  • 이름, 가입하면 얻는 것, 헤드라인에 쓸 약속 한 가지
  • 책임질 수 있는 사실 3~4개, 플랜과 가격, FAQ 답변 4~6개
  • 브랜드에 DESIGN.md가 있다면 그 파일
  • 선택: PopNow API 키 또는 내 어두운 사진과 영상

가이드: AI로 랜딩 페이지 만드는 법

비슷한 스킬

전체 보기 →

자주 묻는 질문

흐릿한 상자가 아니라 제대로 된 유리처럼 보이게 하는 방법은 무엇인가요?

올라온 모든 표면이 하나의 레시피를 씁니다. 배경 흐림이 있는 거의 무색에 가까운 안쪽, 부드러운 윗부분 광택, 마스크된 그라데이션 고리로 그린 테두리입니다. 그래서 빛이 위아래 가장자리에 맺힙니다. 이 레시피를 빼면 검증 도구가 페이지를 실패시킵니다.

히어로가 움직일 수 있나요?

네. 히어로 정지 이미지를 승인하면 PopNow가 이를 5초 클립으로 움직이게 할 수 있고, 내장된 루프 스크립트가 포스터가 있는 끊김 없는 무음 루프로 바꿉니다. 동작 줄이기 설정이나 숨겨진 탭에서는 정지 이미지를 유지합니다.

뉴스레터 전용인가요?

아닙니다. 샘플은 저녁 브리핑이지만, 적용 가이드가 같은 섹션을 앱 대기 명단, 강좌, 행사, 팟캐스트에 맞춥니다. 제품 미리보기는 앱 화면이 되고, 아카이브는 변경 기록이나 세션 목록이 됩니다.

PopNow API 키가 필요한가요?

아니요. 페이지에는 모든 이미지 자리에 쓸 중립적인 내장 정지 이미지와 CSS 대체 요소가 들어 있습니다. 키를 넣으면 새 정지 이미지, 인물 사진, 루프, 소셜 카드가 추가되며, 각각 실행 전에 크레딧 견적을 보여 줍니다.