Site Design Skin
완성된 디자인을 골라,
그대로 시작하세요
실제 페이지까지 완성된 사이트 디자인스킨입니다. 데모를 확인하고 마음에 들면 코드빌더로 즉시 주문제작 — 10만원부터.
TEMPLATES 29
PULSE 피트니스/웰니스
다크와 에너지 오렌지의 역동적인 피트니스 디자인. PT·헬스·웰니스에 최적. 8페이지 멀티페이지 템플릿 — 홈 / 브랜드 / 코치진 / 프로그램 / 갤러리 / 공지·이벤트 / 오시는길 / 체험 신청. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Archivo/Oswald 디스플레이 + Pretendard 본문, 히어로 마퀴·카운트업·갤러리 필터·전 페이지 스크롤 리빌(JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(공지·이벤트)과 폼(체험 신청)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
도담 유아/키즈
파스텔 멀티컬러의 밝고 친근한 유아 디자인. 어린이집·유치원·키즈·놀이교육에 최적. 홈 / 원 소개 / 선생님 / 프로그램 / 갤러리 / 공지·알림장 / 오시는길 / 입학 상담 8페이지 멀티페이지 템플릿. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Pretendard + Jua/Gaegu/Baloo 2 폰트, 라운드 카드·pill 내비·스크롤 리빌(리빌 하드닝: JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(공지·알림장)과 폼(입학 상담)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
VAULT 핀테크/금융
사이드 고정 히어로 패널과 딥그린·민트의 프리미엄 핀테크 디자인. 자산관리·금융·스타트업에 최적. 홈(A8 좌측 고정 히어로 셸) / 회사소개 / 경영진 / 상품·서비스 / 리포트 / 공지·공시 / 오시는길 / 상담신청 8페이지 멀티페이지 템플릿. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Space Grotesk + Pretendard, 전 페이지 스크롤 리빌(JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(공지·공시)과 폼(상담신청)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
VELA 패션 아틀리에
초대형 타이포와 풀스크린 오버레이 메뉴의 하이패션 룩북 디자인. 브랜드·컬렉션·룩북에 최적. 8페이지 멀티페이지 템플릿 — 홈 / 브랜드소개 / 아틀리에 / 컬렉션 / 룩북 / 저널 / 스토어 / 컨택트. 공통 헤더(미니멀 상단바 + 풀스크린 오버레이 메뉴)·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Pretendard + Bebas Neue/Archivo 폰트, 전 페이지 스크롤 리빌(리빌 하드닝: JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(저널)과 폼(컨택트)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
AURA — 뷰티/에스테틱 멀티페이지 (파스텔 럭셔리)
블러시/골드 파스텔 럭셔리 명조 뷰티/에스테틱 8페이지 멀티페이지 템플릿. 홈 / 브랜드소개 / 프로그램 / 갤러리 / 원장·의료진 / 공지·이벤트 / 오시는길 / 예약. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Pretendard + 나눔명조/Cormorant Garamond 폰트, 전 페이지 스크롤 리빌(리빌 하드닝: JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(공지·이벤트)과 폼(예약)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
AXIS — B2B 테크 기업 멀티페이지 (딥네이비)
딥네이비+일렉트릭블루 정밀 그리드 B2B 테크 기업 8페이지 멀티페이지 템플릿. 산업 지능화 솔루션 기업 콘셉트 — 홈 / 회사소개 / 솔루션 / 도입사례 / 기술 / 뉴스 / 오시는길 / 문의. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Inter + Pretendard 폰트, 스플릿 히어로·카운트업 숫자 지표·SVG 라인드로우 다이어그램·정밀 그리드 배경·전 페이지 스크롤 리빌(리빌 하드닝: JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(뉴스)과 폼(문의)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
HANWOOL — 법률/세무 멀티페이지 (클래식 격식)
버건디/골드 명조 클래식 격식 법률/세무 사무소 8페이지 멀티페이지 템플릿 — 홈 / 사무소소개 / 업무분야 / 구성원 / 상담절차 / 칼럼·소식 / 오시는길 / 상담문의. 게시판과 폼을 정적 셸로 포함하며, 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html)와 각 페이지 head의 __site-head__. Pretendard + 나눔명조/송명(Google Fonts) 폰트, 전 페이지 스크롤 리빌(리빌 하드닝: JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 가져온 뒤 AI로 실제 게시판(칼럼·소식)·폼(상담문의)을 결선합니다.
MØRK — D2C 커머스 멀티페이지 (다크 에디토리얼)
다크 잉크 배경에 라임·코랄 액센트를 얹은 에디토리얼 D2C 커머스 8페이지 멀티페이지 템플릿. 홈 / 브랜드소개 / 컬렉션 / 룩북 / 저널 / 공지 / 매장 / 문의로 구성된 패션·라이프스타일 쇼핑몰 셸입니다. Anton + Archivo + Pretendard 타이포, 벤토·비대칭 그리드, 가로 스크롤 룩북, GSAP 히어로 인트로·키네틱 마퀴·패럴랙스 모션에 리빌 하드닝(JS·GSAP 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형을 갖췄습니다. 공통 헤더·푸터를 인클루드로 분리(inc/header.html · inc/footer.html)하고 각 페이지 head에 __site-head__ 토큰을 둡니다. 공지(게시판)와 문의(폼)는 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다. 외부 CDN(Pretendard·Google Fonts·GSAP·picsum)을 그대로 사용합니다.
ONDA — 다이닝/카페 멀티페이지 (웜 에디토리얼)
크림/테라코타 웜 오가닉 세리프 에디토리얼 다이닝 8페이지 멀티페이지 템플릿. 홈 / 소개 / 메뉴 / 공간 / 스토리 / 소식 / 오시는길 / 예약. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Pretendard + 나눔명조(Nanum Myeongjo)·고운바탕(Gowun Batang) 폰트, 전 페이지 스크롤 리빌(리빌 하드닝: JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(소식)과 폼(예약)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
라온 — 여성 클리닉 멀티페이지 (명조 미니멀)
명조 미니멀 럭셔리 여성 클리닉 8페이지 멀티페이지 템플릿. 오프화이트+세이지 톤의 절제된 편집 디자인 — 홈 / 병원소개 / 의료진 / 진료안내 / 시설 / 공지사항 / 오시는길 / 온라인 예약. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Pretendard + 나눔명조/송명 폰트, 전 페이지 스크롤 리빌(리빌 하드닝: JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(공지사항)과 폼(온라인 예약)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
블룸 아카데미 — 교육/학원 멀티페이지 (브라이트)
밝은 라이트 테마 교육/학원 8페이지 멀티페이지(홈/학원소개/강사진/과정안내/갤러리/공지사항/오시는길/수강신청·게시판과 폼 포함·리빌 하드닝·반응형). Pretendard 폰트, 블루+코랄+민트 포인트의 친근하고 신뢰감 있는 편집 디자인. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. 전 페이지 스크롤 리빌(리빌 하드닝: JS 없거나 reduced-motion 시에도 콘텐츠 노출)·반응형. 게시판(공지사항)과 폼(수강신청)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
선(線) STUDIO — 건축/인테리어 멀티페이지 (모노크롬)
모노크롬 미니멀·이미지 주도 건축/인테리어 스튜디오 8페이지 멀티페이지 템플릿 — 홈 / 스튜디오소개 / 프로젝트 / 프로젝트상세 / 서비스 / 저널 / 오시는길 / 문의. 공통 헤더·푸터 인클루드 분리(inc/header.html · inc/footer.html), 각 페이지 head의 __site-head__. Inter + Pretendard 폰트, 그레이스케일 이미지·클립/리빌 스크롤 애니메이션(리빌 하드닝: 요소 존재 가드로 어느 페이지에서든 안전)·반응형. 게시판(저널)과 폼(문의)은 정적 디자인 셸로 포함되어 있으며, 가져온 뒤 AI로 실제 게시판·폼을 결선합니다.
