Liquid Glass 랜딩 페이지v1.0.3
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 35회좋아요 1개저장 1회
$4.99
이 Skill을 구매하면 무엇을 받나요?영화 같은 Hero, 집중도 높은 이메일 수집, 절제된 에디토리얼 스토리를 갖춘 어두운 프로스티드 글래스 랜딩 페이지를 만듭니다. 거의 검은 바탕 위 유리 알약 버튼은 테두리에서 빛을 받고, 큼직한 세리프 헤드라인에는 이탤릭 단어 하나가 들어가며, 제품은 차트가 담긴 실시간 이메일 미리보기로 등장합니다. 요금제, FAQ, 마지막 이메일 수집 섹션과 함께 샘플 호, 아카이브, 운영 원칙, 가입, 로그인, 법적 고지 페이지가 이어집니다. 기본 결과물은 오프라인에서 열리는 독립형 파일 하나입니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 가상의 Nightfold를 위한 십여 개 섹션의 랜딩 페이지. 유리 Hero와 실시간 이메일 미리보기부터 요금제, FAQ, 마지막 이메일 수집, 고스트 워드마크 푸터까지 담겨 있습니다.
- 7개 라우트: 페이월이 있는 샘플 호, 검색과 필터가 있는 아카이브, 운영 원칙, 가입, 로그인, 개인정보처리방침, 이용약관, 그리고 디자인된 404.
- 작동하는 수집 폼, 메일함 선택기, 좌석 수 조절이 있는 월간·연간 요금제, 독자 후기 캐러셀, 카운트다운, 그리고 서체 4종이 포함된 오프라인 파일 하나.
이런 분께 추천
- 이메일 주소 수집이 주목적인 뉴스레터, 대기자 명단, 비공개 베타, 출시 캠페인.
- 블러, 테두리, 하이라이트를 일일이 조정하지 않고 블랙 글래스 룩을 원하는 창업자.
- 스톡 사진이 아니라 이메일, 앱 화면, 변경 로그 같은 실제 화면으로 보여 줄 수 있는 제품.
이런 분께는 비추천
- 밝고 컬러풀하거나 일러스트 중심인 브랜드: 이 디자인은 다크 전용이며 포인트 색상이 없습니다.
- 바로 실제 이메일을 보내는 용도: 수집, 가입, 로그인 폼은 메일링 서비스를 연결하기 전까지 페이지에서 확인 메시지만 보여 줍니다.
- 내비게이션 단계가 많은 대규모 콘텐츠 사이트: 이것은 몇 개의 보조 라우트를 갖춘 전환 중심 페이지입니다.
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정전환 중심시네마틱글래스모피즘다크 모노크롬리퀴드 글래스세리프 디스플레이
이 Skill 소개
이름과 약속 하나를, 필름 위에 프로스티드 글래스를 얹은 듯한 어두운 랜딩 페이지로 바꿉니다. 빛을 받는 유리 알약 버튼, 이탤릭 단어 하나가 들어간 거대한 세리프 헤드라인, 정중앙의 이메일 수집 폼이 특징입니다. 예시는 가상의 뉴스레터 Nightfold로, 실시간 이메일 미리보기, 멤버십 요금제, 작동하는 7개 라우트를 갖추고 있습니다. 기본 결과물은 어떤 브라우저에서도 오프라인으로 열리는 독립형 파일 하나입니다.
제공 내용
- 유리 알약 헤더, 이메일 수집이 있는 영화 같은 Hero, 차트가 담긴 실시간 이메일 미리보기, 핵심 수치 띠, 방법론 분할 섹션
- 호 선택기, 에디터 소개, 독자 후기, 월간·연간 전환이 있는 멤버십 요금제, 최근 호, FAQ, 카운트다운이 있는 마지막 이메일 수집 섹션
- 샘플 호, 아카이브, 운영 원칙, 가입, 로그인, 법적 고지 페이지와 디자인된 404
- Instrument Serif, Newsreader, Geist, Geist Mono 포함, 네트워크 요청 없음
사용 방법
- 이름, 제품이 무엇인지, 가입하면 무엇을 얻는지, 발행 주기, 가격, 그리고 만드는 사람들을 알려 주세요.
- 에이전트가 섹션을 채우고, 유리 패널 안에 제품을 실시간 화면으로 렌더링하며, 어두운 이미지를 생성하거나 제공한 Hero 영상을 사용합니다.
- 페이지를 열어 수집 폼, 요금제 전환, 아카이브 필터를 사용해 본 뒤 변경 사항을 요청하세요.
생성된 이미지는 이미지 도구의 사용 요금이 발생할 수 있습니다. 폼은 페이지에서 확인 메시지만 보여 주며, 직접 메일링 서비스를 연결하기 전까지는 아무것도 전송하지 않습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 제품이 무엇인지, 가입하면 방문자가 무엇을 얻는지 · 발행 주기 또는 출시일, 가격이나 등급, 정직한 사실 몇 가지, 만드는 사람들 · 선택 사항: 직접 가진 어두운 Hero 영상과 팀 사진
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 선택 사항: 에이전트의 이미지 생성 도구. 없으면 미디어 프레임에 어두운 플레이스홀더 표면이 들어감
- 외부 비용
- 에이전트의 이미지 도구로 어두운 이미지를 생성하면 해당 도구의 사용 요금이 발생할 수 있습니다. 이미지 도구가 없어도 각 미디어 프레임에 어두운 플레이스홀더 표면을 넣어 페이지를 빌드합니다.
- 최근 테스트
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…