Skillry Pick
Cadence 마케팅 랜딩 페이지v1.0.3
이 Skill로 다음을 할 수 있습니다: 랜딩페이지 제작.
인기
5.0다운로드 181회좋아요 5개저장 6회
무료
하나의 제품 스토리를 끊김 없이 들려주는 어둡고 모션이 풍부한 SaaS 마케팅 사이트를 만듭니다. 차콜 배경, 단 하나의 시안 포인트, 회색에서 흰색으로 이어지는 그라디언트 헤드라인, 스크롤하면 똑바로 세워지는 실감 나는 제품 화면을 갖췄습니다. 애니메이션 기능 카드, 스크롤 연동 워크플로, 인물 사진이 있는 고객 스포트라이트, 연동과 보안, 요금제, FAQ를 지나 스크롤에 따라 덮개가 열리는 노트북 목업으로 이어지며, 변경 로그, 고객 사례, 로그인, 법적 고지 페이지도 포함됩니다. 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 파일로 제공됩니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 완전한 다크 마케팅 사이트: 제품 Hero, 애니메이션 기능 카드, 스크롤 연동 워크플로, 고객 스포트라이트, 연동과 보안, 결제 주기 전환이 있는 요금제, FAQ, 가입 섹션
- 작동하는 내부 페이지: 필터와 검색이 있는 변경 로그, 고객 사례, 로그인, 법적 고지 페이지, 그리고 유효성 검사와 완료 상태가 있는 폼
- 페이지에 직접 구현되어 내 제품에 맞게 테마가 바뀌는 제품 화면, Geist 서체, 생성된 고객 인물 사진을 모두 담은 단일 오프라인 파일
이런 분께 추천
- 출시 첫날부터 투자받은 회사처럼 보이는 다크 페이지를 원하는 SaaS·개발자 도구 창업자
- 요금제, 근거, FAQ, 변경 로그까지 갖춰 캠페인에 바로 쓸 출시 사이트가 필요한 프로덕트 마케터
- 다듬어진 스크린샷이 없는 팀: 모든 제품 화면을 페이지에 직접 구현하고 내 제품에 맞게 테마를 적용합니다
이런 분께는 비추천
- 밝고 산뜻한 룩을 원하는 브랜드: Cadence는 다크 모드 전용입니다
- 실제 가입이나 결제: 폼은 페이지 안에서 검증하고 완료를 표시할 뿐 어디에도 전송하지 않습니다
- 블로그, 문서 포털 등 콘텐츠 중심 사이트: 몇 가지 보조 페이지가 있는 제품 마케팅 사이트이며 CMS가 아닙니다
제품 런칭·앱 성장웹 디자인·디지털 경험랜딩페이지 제작스타일 고정전환 중심시안 포인트그라데이션 타이포차콜 다크CSS 디바이스 목업스크롤 모션
이 Skill 소개
Cadence 마케팅 랜딩 페이지는 제품 자체가 Hero 이미지가 되는 어두운 SaaS 마케팅 사이트를 만듭니다. 차콜 배경, 단 하나의 시안 포인트, 회색에서 흰색으로 이어지는 그라디언트 헤드라인이 첫 화면부터 가입까지 하나의 스토리를 이끌고, 그 뒤로 변경 로그, 고객 사례, 로그인, 법적 고지 페이지가 이어집니다. 예시는 가상의 고객 피드백 플랫폼 Loopwright입니다.
제공 내용
- 하나의 흐름으로 이어지는 홈페이지: Hero 제품 카드, 워드마크 마퀴, 애니메이션 기능 카드, 스크롤 연동 워크플로 스테이지, 인물 사진이 있는 고객 스포트라이트, 연동과 보안, 요금제, FAQ, 스크롤에 따라 덮개가 열리는 노트북이 있는 가입 섹션
- 보조 페이지: 필터링 가능한 변경 로그, 출처가 명시된 수치 3개가 있는 고객 사례, 로그인, 법적 고지
- 페이지에 직접 구현되어 내 제품에 맞게 테마가 바뀌는 제품 화면. 대표 요청 하나가 전체 스토리를 관통합니다
- 작동하는 결제 주기 전환, 비교 표, FAQ, Tab, 모바일 메뉴, 유효성 검사와 완료 상태가 있는 폼
- 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 파일에 내장된 Geist·Geist Mono 서체와 생성된 인물 사진
사용 방법
- 제품명, 제품이 하는 일, 주요 고객 워크플로, 대략적인 가격을 공유하세요. 메모 수준이면 충분합니다.
- 에이전트가 기능 카드와 워크플로를 내 제품에 맞게 매핑하고, 인물 사진을 생성하고, 모든 섹션과 페이지를 채웁니다.
- 브라우저에서 파일을 열어 각 페이지와 폼을 클릭해 보고, 문구나 섹션 수정을 평소 말투로 요청하세요.
인물 사진은 에이전트의 이미지 도구가 있을 때 그 도구로 만들며, 해당 도구의 사용 요금이 부과될 수 있습니다. 브리프에 빠진 내용은 플레이스홀더 문구가 되며, 에이전트가 확인할 목록으로 정리해 드립니다.
시작 전에 필요한 것
- 준비할 것
- 제품명, 제품이 하는 일, 성과 중심의 헤드라인 아이디어 · 기능 4~5가지, 주요 워크플로 단계, 대략적인 요금제 구성 · 정직하게 내세울 수 있는 고객 인용문, 사례 수치, 연동, 보안 정보(선택 사항이며, 빈 부분은 목록화된 플레이스홀더가 됩니다)
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 고객 인물 사진과 사례 사진을 위한 에이전트의 이미지 도구(선택 사항이며, 없으면 이니셜 아바타를 유지합니다)
- 외부 비용
- 고객 인물 사진과 사례 사진은 에이전트 자체의 이미지 도구가 있을 때 그 도구로 생성하며, 해당 도구의 사용 요금이 부과될 수 있습니다. 도구가 없으면 이니셜 아바타를 유지하고 사진이 필요한 자리를 에이전트가 목록으로 알려 드립니다. 그 밖에 유료 서비스는 사용하지 않습니다.
- 최근 테스트
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…