Skillry Pick
Cobalt Serif 프리랜서 사이트v1.0.2
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0평점 1개다운로드 40회좋아요 4개저장 4회
$4.99
이 Skill을 구매하면 무엇을 받나요?고정가 플랜을 판매하는 UI/UX 디자이너를 위한 1인 스튜디오 사이트입니다. 흰 Hero에는 이탤릭 세리프 단어 두 개와 거대한 코발트 단어 하나가 블루 톤 컷아웃 인물 사진으로 나뉘어 배치되고, 헤더의 필 버튼으로 라이트/다크 모드를 전환합니다. 아래로는 흰 서비스 필이 쏟아져 쌓이는 코발트 밴드, 가격, 대표 작업, 프로세스, 고객 후기가 이어집니다. Services, 플랜별 페이지가 있는 Pricing, 케이스 스터디 6개의 Work, About, Process, Contact, Terms까지 모두 디자인되고 연결되어 있습니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 홈, Services, 플랜 페이지 3개가 있는 Pricing, 케이스 스터디 6개가 있는 Work, About, Process, 브리프 폼이 있는 Contact, Terms, 디자인된 404
- 시그니처 룩: Schibsted Grotesk와 Newsreader Italic 조합, 블루 톤 컷아웃 인물 사진, 실제로 작동하는 라이트/다크 전환, 떨어지는 필 밴드
- 휴대폰·브라우저 프레임으로 제품 화면을 그린 케이스 스터디, 플랜 비교, FAQ, 작업 필터와 검색까지 오프라인으로 작동하는 하나의 파일에 담김
이런 분께 추천
- 고정가 플랜을 판매하며 강렬한 에디토리얼 첫인상을 원하는 독립 디자이너
- 자신의 상품을 서비스, 플랜, 케이스 스터디로 정리할 수 있는 프리랜서 개발자, 브랜드 디자이너, 컨설턴트
- 디스크에서 바로 열거나 단일 파일로 오늘 바로 게시할 수 있는 완성된 멀티 페이지 사이트가 필요한 분
이런 분께는 비추천
- 실제 결제나 예약: 브리프 폼과 플랜 버튼은 페이지 안에서만 확인 표시를 하며, 실제 처리는 자체 백엔드가 필요합니다
- 대규모 팀을 둔 에이전시: 레이아웃이 한 사람, 한 장의 인물 사진, 하나의 목소리를 중심으로 설계되어 있습니다
- 차분하거나 여러 색을 쓰는 팔레트: 이 스타일은 흰색, 잉크색, 단 하나의 코발트로 구성됩니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험홈페이지 제작포트폴리오 사이트 제작스타일 고정편집 가능한 결과물에디토리얼 세리프코발트 모노크롬듀오톤 인물 사진라이트·다크 전환필 태그
이 Skill 소개
서비스, 플랜, 프로젝트를 매출로 이어지는 디자이너 사이트로 만들어 줍니다. Hero는 헤드라인 안에 당신을 배치합니다. 이탤릭 세리프 단어 두 개와 거대한 코발트 단어 하나를 블루 톤 인물 사진이 가르고, 헤더의 필 버튼은 실제로 라이트/다크 모드를 전환합니다. Services부터 Terms까지 사이트 전체가 하나의 파일로 제공되며, 어떤 브라우저에서든 오프라인으로 열립니다.
제공 내용
- 흰 서비스 필이 떨어져 쌓이는 코발트 밴드, 가격 그리드, 대표 작업, 프로세스 스트립, 고객 후기로 구성된 홈
- 시작 가격이 표시된 Services, 플랜별 페이지와 나란히 비교표가 있는 Pricing, 필터·검색·케이스 스터디 6개가 있는 Work
- 각 프로젝트 이미지 위에 휴대폰·브라우저 프레임으로 제품 화면을 그려 보여 주는 케이스 스터디
- About, Process, 유효성 검사가 되는 브리프 폼과 소개 통화 슬롯이 있는 Contact, Terms, 디자인된 404
- Schibsted Grotesk와 Newsreader Italic을 모든 이미지와 함께 내장해 페이지가 네트워크 요청을 전혀 하지 않음
사용 방법
- 이름, 분야, Hero 단어, 서비스, 플랜 2~4개, 프로젝트 몇 개, 연락처를 Skill에 알려 주세요.
- Skill이 모든 페이지를 채우고, 빠진 내용은 자신감 있는 1인칭 문체로 초안을 작성한 뒤 확인할 수 있도록 목록으로 정리합니다.
- 두 테마에서 파일을 열어 모든 페이지를 둘러보고, 수정하고 싶은 점을 평소 말투로 요청하세요.
인물 사진과 새 프로젝트 이미지는 직접 준비하거나 에이전트의 이미지 도구로 만들며, 해당 도구에는 별도 사용 요금이 발생할 수 있습니다.
시작 전에 필요한 것
- 준비할 것
- 이름, 한 단어 워드마크, 분야, Hero용 이탤릭 단어 두 개와 코발트 단어 하나 · 가격이 포함된 서비스 6~12개, 가격·기간·포함 항목이 있는 플랜 2~4개 · 고객, 역할, 문제, 접근 방식, 결과가 담긴 프로젝트와 연락처, 가능 일정
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 인물 사진, 프로젝트 이미지, 스튜디오 사진용 에이전트 이미지 도구(직접 이미지를 제공하면 선택 사항)
- 외부 비용
- 직접 제공하지 않은 이미지는 에이전트 자체 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 중립적인 스튜디오 사진은 Skill에 포함되어 있고, 케이스 스터디 화면은 코드로 그리며, 완성된 페이지는 네트워크 요청을 하지 않습니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…