Meridian 마케팅 랜딩 페이지v1.0.3
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 32회좋아요 0개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?흰색과 징크 톤 페이지, 단 하나의 틸 포인트 컬러, 프로모션 Banner 아래 다크 필 내비게이션 바로 프리미엄 SaaS 마케팅 사이트를 만듭니다. Hero 아래의 실시간 제품 Dashboard는 스크롤하면 원근감 있게 기울어진 상태에서 평평하게 튀어 오르고, 이어서 실제로 작동하는 미니 제품 화면의 다크 벤토, 고객 사례, 추천사, 월간·연간 전환 가격, 보안, FAQ, 다크 CTA 박스가 나옵니다. 회원가입, 로그인, 데모 예약, 변경 로그, 케이스 스터디, 법적 고지 페이지까지 모두 독립형 파일 하나에 담깁니다.
가장 많이 선택한 직무
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 가상의 배송 분석 제품 Parcelo의 완성된 예시 사이트: 랜딩 페이지와 회원가입, 로그인, 데모 예약, 변경 로그, 케이스 스터디, 보안, 개인정보 처리방침, 이용약관, 404.
- 내 제품의 용어로 표현한 실시간 제품 UI: 기간 전환과 차트 호버가 되는 Dashboard, 벤토 속 미니 화면, 단계 Tab, 선택한 플랜을 회원가입까지 이어 주는 결제 주기 전환, 유효성 검사가 되는 폼.
- Onest와 JetBrains Mono를 내장한 오프라인 파일 하나로 된 사이트, 그리고 에이전트가 참고하는 스타일 가이드, 이미지 계획, 모션 규칙, 체크리스트.
이런 분께 추천
- 차분하고 신뢰감 있는 제품 중심 페이지를 원하는, SaaS 제품을 출시하는 창업자와 마케터.
- 제품 자체가 가장 좋은 증거가 되는 분석, 운영, 개발자 도구.
- Hero뿐 아니라 가격, 보안, 변경 로그, 회원가입 페이지까지 필요한 팀.
이런 분께는 비추천
- 앱 프로토타입이나 CMS 기반 사이트: 고정된 하위 페이지가 있는 마케팅 사이트를 만들며, 실제로 작동하는 제품은 만들지 않습니다.
- 화려한 색감이나 다크 모드 전환을 원하는 브랜드: Meridian은 다크 섹션과 하나의 틸 포인트를 쓰는 라이트 스타일입니다.
- 실제 회원가입, 결제, 분석: 백엔드를 연결하기 전까지 폼은 페이지 안에서만 검증하고 확인 메시지를 보여 줍니다.
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물전환 중심다크 필 내비라이트·다크 리듬원근 목업틸 포인트 미니멀
이 Skill 소개
제품을 설명하면 차분하고 제품 중심인 SaaS 사이트를 받을 수 있습니다. 하나의 틸 포인트 컬러를 쓴 흰 페이지, 다크 필 내비게이션 바, 원근감 있게 뒤로 기울어졌다가 스크롤하면 평평하게 튀어 오르는 실시간 Dashboard로 구성됩니다. 예시는 고객이 묻기 전에 지연 배송을 찾아내는 가상의 배송 분석 도구 Parcelo입니다.
제공 내용
- Banner, 필 내비게이션 바, Hero Dashboard, 다크 기능 벤토, 설정 단계, 고객 사례, 추천사, 가격, 보안, FAQ, 다크 CTA 박스로 구성된 랜딩 페이지
- 회원가입, 로그인, 데모 예약, 변경 로그, 케이스 스터디, 보안, 개인정보 처리방침, 이용약관 페이지와 디자인된 404
- 스톡 스크린샷 대신 내 제품의 객체를 보여 주는 벤토 속 미니 제품 화면
- 월간·연간 가격 전환, 오류·성공 상태가 있는 폼, 필터와 검색이 있는 변경 로그
- 폰트와 사진을 내장해 어떤 브라우저에서든 오프라인으로 열리는 파일 하나
사용 방법
- 제품명, 제품이 하는 일, 기능, 플랜, Dashboard에 보여 줄 내용을 알려 주세요. 대략적인 메모로도 충분합니다.
- 에이전트가 Dashboard의 모든 라벨을 내 제품의 객체 이름으로 바꾸고, 각 섹션과 페이지를 채운 뒤 데스크톱과 휴대폰에서 검토합니다.
- 단일 파일을 열어 페이지를 둘러보고 수정 사항을 평소 말투로 요청하세요.
에이전트의 이미지 도구로 사진을 만들면 해당 도구의 사용 요금이 발생할 수 있습니다. 이미지 도구가 없으면 틴트 패널과 이니셜 아바타가 대신 들어갑니다.
시작 전에 필요한 것
- 준비할 것
- 제품명, 한 줄 약속, 대상 고객 · 기능, 월간·연간 가격이 있는 플랜, Dashboard에 보여 줄 내용 · 선택 사항: 고객 사례, 인용문, FAQ 답변, 보안 관련 사실, 변경 로그 항목
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 고객 사례, 팀, 아바타 사진용 에이전트 이미지 생성 도구(선택 사항이며, 없으면 틴트 패널과 이니셜을 사용)
- 외부 비용
- 고객 사례, 케이스 스터디, 팀, 아바타 사진은 가능한 경우 에이전트 자체 이미지 도구로 생성하며, 해당 도구의 사용 요금이 발생할 수 있습니다. 이미지 소스가 없으면 틴트 패널과 이니셜 아바타를 대신 사용합니다.
- 최근 테스트
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…