Lumen 에이전시 랜딩 페이지v1.0.3
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 32회좋아요 1개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?스튜디오의 실력을 근거로 판매하는 밝고 구체적인 에이전시 페이지입니다. 중요한 단어에만 청록-파랑 그라디언트를 입힌 조용한 가운데 정렬 Hero에 이어, 각 프로젝트마다 클라이언트의 세계를 담은 사진과 스튜디오가 만든 제품의 브라우저 창을 나란히 보여 주는 대표 작업이 나옵니다. 십자선 그리드 위 클라이언트 추천사, 서비스 카드 6장, 정직한 가격을 담은 명확한 진행 과정, 팀, FAQ, 그리고 작동하는 문의 폼이 있는 어두운 연락처 패널 하나가 페이지를 완성합니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 오프라인에서 열리는 독립형 HTML 파일 하나로 된 완전한 에이전시 원페이지. 케이스 스터디와 법적 고지는 별도 페이지가 아닌 대화상자로 열립니다
- 카테고리 필터와 개수 표시, 아카이브 목록, 그리고 브리프·결과물·수치 3개·클라이언트 추천사로 열리는 케이스 스터디를 갖춘 Recent Work 쇼케이스
- 서비스 카드 6장, 주 단위 기간이 표시된 진행 단계, 가격이 포함된 계약 형태, 팀, FAQ, 그리고 입력값을 검증하고 완료 요약을 보여 주는 문의 폼
이런 분께 추천
- 엄선한 작업과 클라이언트 근거로 실력을 판매하는 디자인·개발 스튜디오, 프리랜서, 소규모 컨설팅사
- 실제 프로젝트 수치, 가격, 명확한 연락 경로가 필요한 '함께 일해요' 페이지를 새로 단장하는 팀
- 공유할 밝은 페이지 하나, 또는 같은 디자인을 자체 Next.js, Vue, Svelte, Astro 프로젝트로 구현하길 원하는 회사
이런 분께는 비추천
- 기능 그리드와 요금제 표 중심으로 구성되는 SaaS 제품 페이지: SaaS 랜딩 페이지 Skill이 더 잘 맞습니다
- 어둡고 무드 있는, 또는 맥시멀한 룩을 원하는 브랜드: 페이지는 밝은 톤을 유지하며, 어두운 연락처 패널 하나만 있고 다크 모드는 없습니다
- 블로그나 CMS가 있는 멀티페이지 사이트: 케이스 스터디와 법적 고지를 대화상자로 여는 의도적인 원페이지입니다
브랜드 아이덴티티·비주얼 시스템영업 제안·투자 유치웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물브라이트 화이트 미니멀그라데이션 강조 타이포그리드 패턴 배경플레이풀 프로페셔널포트폴리오 쇼케이스 행
이 Skill 소개
스튜디오 이름, 프로젝트 몇 개, 판매하는 서비스를 알려 주면 밝은 에이전시 페이지를 만들어 드립니다. 흰 바탕, 헤드라인의 중요한 단어에만 들어간 청록-파랑 그라디언트, 그리고 각 클라이언트의 세계를 담은 사진과 직접 만든 제품의 브라우저 창을 나란히 놓아 작업을 보여 줍니다. 어떤 브라우저에서도 열리고 오프라인에서 작동하는 독립형 파일 하나로 제공됩니다.
제공 내용
- 완전한 원페이지: Hero, 클라이언트 추천사, 필터와 아카이브가 있는 Recent Work, 서비스, 진행 과정, 계약 형태별 가격, 팀, FAQ, 어두운 연락처 패널
- 브리프, 만든 결과물, 수치 3개, 클라이언트 추천사를 담아 그 자리에서 열리는 케이스 스터디
- 입력값을 검증하고, 로딩 상태를 보여 주고, 요약과 함께 접수를 확인하는 문의 폼, 그리고 뉴스레터와 이메일 복사 버튼
- Bricolage Grotesque, Instrument Sans, Geist Mono 포함, 차분한 등장 효과와 서비스 카드 위에서 커서를 따라가는 민트색 워시
- 직접 관리하는 코드베이스 안에서는 같은 페이지를 사용 중인 스택의 컴포넌트로 구현
사용 방법
- 스튜디오 이름, 한 줄 약속, 각각 성과가 하나씩 있는 프로젝트 2~4개, 서비스를 알려 주세요. 대략적인 메모로도 충분합니다
- 클라이언트 사진과 인물 사진이 있다면 첨부하세요. 없으면 생성하며, 각 프로젝트 창은 프로젝트 데이터를 바탕으로 다시 만듭니다
- 완성된 파일을 브라우저에서 열고, 문구, 프로젝트, 가격 변경을 평소 말투로 요청하세요
생성되는 사진은 에이전트의 이미지 도구를 사용하므로 해당 도구의 사용 요금이 발생할 수 있습니다. 폰트와 이미지가 내장되어 완성된 파일은 네트워크 요청을 하지 않습니다.
시작 전에 필요한 것
- 준비할 것
- 스튜디오 이름, 한 줄 약속, 역량 3가지 · 성과 수치가 있는 대표 프로젝트 2~4개, 서비스 6개, 진행 과정 또는 가격 · 선택 사항: 추천사, 클라이언트 사진, 팀 사진, 연락처
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 선택 사항: 클라이언트, 인물, 팀, 진행 과정 사진을 위한 에이전트의 이미지 생성 도구
- 외부 비용
- 클라이언트의 세계를 담은 사진, 인물 사진, 팀 사진, 진행 과정 디테일은 직접 제공하지 않으면 에이전트 자체의 이미지 도구로 생성하며, 해당 도구의 사용 요금이 발생할 수 있습니다. 인물 사진이 없는 추천사는 모노그램으로 대체됩니다.
- 최근 테스트
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…