Editorial Ink 랜딩 페이지v1.0.3
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 31회좋아요 0개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?소프트웨어 제품을 위한 차분한 타이포그래피 중심 출시 사이트를 만듭니다. 따뜻한 종이 바탕 위의 세리프 헤드라인, 옅게 칠한 하늘, 방문자가 직접 클릭해 볼 수 있는 실제 작동하는 제품 창으로 구성됩니다. 가입, 로그인, 문의, 변경 로그, 보안, 채용, 법적 고지 페이지를 라이트·다크 테마로 더해, 어떤 브라우저에서든 열리고 오프라인으로 작동하는 독립형 파일 하나로 제공합니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서든 열리고 오프라인으로 작동하는 독립형 웹사이트 파일 하나. 프레임워크 프로젝트가 있다면 그 스택으로 구현합니다.
- Hero의 실제 작동하는 제품 창과 완전한 홈 페이지: 잉크 아트워크가 있는 매니페스토, 작동 방식, 기능 벤토, 출처가 있는 수치, 후기, 좌석 수 조절기가 있는 가격, FAQ.
- 유효성 검사 폼을 갖춘 부속 페이지: 가입, 로그인, 영업 문의, 필터링 가능한 변경 로그, 보안, 채용, 개인정보 처리방침, 이용약관, 404 페이지를 라이트·다크 테마로 제공.
이런 분께 추천
- 요란한 그라데이션 템플릿 대신 공들인 출시 사이트를 원하는 SaaS 창업자와 제품 팀.
- 제품 창을 개요, 로그, 쿼리 Tab으로 바꿔 쓸 수 있는 개발자 도구.
- 제품 창에 고객 포털이나 예약 화면을 보여 주고 변경 로그를 저널로 바꿔 쓸 수 있는 서비스 업체.
이런 분께는 비추천
- 실제 가입, 결제, 메시지 전송: 폼은 데모용 확인 표시만 솔직하게 보여 줍니다.
- 화려한 색감, 일러스트 위주, 보라색 룩을 원하는 브랜드: 이 스타일은 잉크 블루 포인트 컬러 하나만 사용합니다.
- 제품 자체 개발: 이 Skill은 마케팅 사이트를 만들 뿐, 앱이나 관리자 화면은 만들지 않습니다.
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물빠른 결과물에디토리얼 세리프헤어라인 테두리웜 페이퍼회화풍 하늘수묵화
이 Skill 소개
Editorial Ink 랜딩 페이지는 소프트웨어 제품을 위한 차분한 타이포그래피 중심 출시 사이트를 만듭니다. 따뜻한 종이 바탕 위의 세리프 헤드라인, Hero 뒤의 옅게 칠한 하늘, 헤드라인 바로 아래 실제로 작동하는 제품 창으로 구성됩니다. 예시는 창업자를 위한 가상의 회의 기록 앱 Petrichor로, 완전한 홈 페이지와 가입, 로그인, 문의, 변경 로그, 보안, 채용, 법적 고지 페이지를 갖추고 있습니다.
제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서든 열리고 오프라인으로 작동하는 독립형 웹사이트 파일 하나. 이미 프레임워크 프로젝트가 있다면 그 스택으로 디자인을 구현합니다.
- 제품 고유의 용어로 그려져 방문자가 직접 써 볼 수 있는 제품 창: Recap, Transcript, Ask 사이를 전환하고, 후속 작업에 체크하고, 녹취록의 특정 순간으로 이동하고, 질문하면 출처가 달린 답변을 받습니다.
- 스미 잉크 습작 옆의 매니페스토, 작동 방식 설명, 가는 선으로 나눈 기능 벤토, 출처가 있는 수치, 전환 가능한 후기, 결제 주기 토글과 좌석 수 조절기가 있는 가격, FAQ, 해 질 녘 하늘을 배경으로 한 마무리 CTA로 구성된 홈 페이지.
- 실제로 작동하는 부속 페이지: 유효성 검사가 있는 가입·로그인, 영업 문의, 필터와 검색이 있는 변경 로그, 보안, 채용, 개인정보 처리방침, 이용약관, 404 페이지.
- 둘 다 제대로 디자인된 라이트·다크 테마와, 동작 줄이기 설정을 존중하는 차분한 1회성 모션.
사용 방법
- 제품명, 무엇을 누구를 위해 하는지, 관점, 기능 3~6개, 실제 한도가 있는 요금제, FAQ 답변, 사용할 수 있는 수치나 고객 인용문을 알려 주세요. 빠진 문구는 하우스 보이스로 작성해 확인할 수 있도록 목록으로 정리합니다.
- 에이전트가 이미지 도구로 하늘, 잉크 습작, 스토리 사진, 인물 사진을 비에 씻긴 듯한 하나의 팔레트로 생성하게 하거나, 직접 사진을 보내 주세요. 이미지 도구가 없으면 사진 대신 부드러운 페인팅풍 배경과 이니셜로 페이지를 완성합니다.
- 모든 페이지를 데스크톱과 휴대폰에서 라이트·다크 모드로 열어 보고, 제품 창·가격·폼을 직접 써 본 뒤 변경 사항을 요청하세요.
서체는 Newsreader, Geist, Geist Mono를 사용하며 파일에 내장됩니다. 이미지 생성은 에이전트 자체 이미지 도구를 사용하므로 해당 도구의 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 제품명, 무엇을 누구를 위해 하는지, 그리고 관점 · 기능 3~6개, 실제 한도가 있는 요금제, FAQ 답변 · 사용할 수 있는 수치와 고객 인용문, 또는 확인용 임시 문구를 작성해도 된다는 허락
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 하늘, 잉크 습작, 인물 사진을 위한 에이전트의 이미지 도구(선택 사항, 사진 없이도 대체 화면이 있음)
- 외부 비용
- 하늘, 잉크 습작, 스토리 사진, 인물 사진은 에이전트 자체 이미지 도구로 생성되며 사용 요금이 발생할 수 있습니다. 이미지 도구가 없으면 사진 대신 부드러운 페인팅풍 배경과 이니셜을 사용합니다. 예시를 보는 데에는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…