템플릿6
전체 보기 →
교육웹이즈 아카데미 — 그라디언트 부트캠프 랜딩
Verified인디고→바이올렛 그라디언트, FAQ까지 갖춘 교육 원페이지
1.0.0 · MIT · HTML + Tailwind CDN
카페웹이즈 카페 — 웜 로스터리 랜딩
Verified크림·앰버 웜톤, 로스터리 감성의 카페 원페이지
1.0.0 · MIT · HTML + Tailwind CDN
의료웹이즈 치과 — 미니멀 클리닉 랜딩
Verified티일·화이트 미니멀, 신뢰 지표 밴드를 갖춘 치과 원페이지
1.0.0 · MIT · HTML + Tailwind CDN
피트니스웹이즈 피트니스 — 다크 볼드 랜딩
Verified라임 포인트 다크 볼드, 기록 중심 카피의 체육관 원페이지
1.0.0 · MIT · HTML + Tailwind CDN
부동산웹이즈 부동산 — 볼드 네이비 랜딩
Verified네이비·앰버 볼드, 데이터 신뢰형 공인중개사 원페이지
1.0.0 · MIT · HTML + Tailwind CDN
복지관 웜 랜딩
Verified테라코타 웜톤, 기관 신뢰형 원페이지
1.2.0 · MIT · HTML + Tailwind CDN
디자인시스템1
전체 보기 →컴포넌트11
전체 보기 →
CTACTA 배너 — 그라디언트 라운드 카드
Verified블루→바이올렛 그라디언트 CTA 카드, 버튼 2종 + 각주
1.0.0 · MIT · HTML + Tailwind CDN
FAQFAQ 아코디언 — CSS 온리
Verifieddetails/summary 기반 무스크립트 FAQ 아코디언 5문항
1.0.0 · MIT · HTML + Tailwind CDN
푸터푸터 메가 — 4열 링크 + 사업자 정보
Verified브랜드·링크 3열·소셜·사업자 정보를 갖춘 다크 푸터
1.0.0 · MIT · HTML + Tailwind CDN
히어로히어로 그라디언트 센터 — 다크 중앙정렬
Verified다크 그리드 배경 + 그라디언트 텍스트의 센터 히어로
1.0.0 · MIT · HTML + Tailwind CDN
히어로히어로 스플릿 — 카피 + 대시보드 비주얼
Verified좌 카피·우 지표 카드 목업의 스플릿 히어로 — 이미지 없이 완성
1.0.0 · MIT · HTML + Tailwind CDN
로고로고 클라우드 — 모노톤 파트너 스트립
VerifiedSVG 워드마크 6개의 모노톤 로고 클라우드 — hover 착색
1.0.0 · MIT · HTML + Tailwind CDN
가격표 3단
Verified강조 카드 1개를 둔 3단 가격표 — 반응형 1→3열
1.3.0 · MIT · HTML + Tailwind CDN
가격표가격표 다크 3단 — 중앙 강조
Verified다크 배경 3단 가격표, 중앙 플랜 그라디언트 강조
1.0.0 · MIT · HTML + Tailwind CDN
통계통계 밴드 — 다크 4지표 스트립
Verified풀블리드 다크 스트립에 지표 4개 — 섹션 사이 삽입용
1.0.0 · MIT · HTML + Tailwind CDN
팀팀 그리드 — 이니셜 아바타 4단
Verified사진 없이 이니셜 아바타로 완성한 팀 소개 그리드
1.0.0 · MIT · HTML + Tailwind CDN
디자인스킬23
전체 보기 →Made by WEBIS
실무에서 만든 디자인을, 버리지 않고 공개합니다
DesignSkill의 모든 템플릿·디자인 시스템·컴포넌트·디자인 스킬은 홈페이지·플랫폼 제작 회사 웹이즈(WEBIS)가 실제 프로젝트에서 검증한 결과물을 MIT로 공개한 것입니다. 이런 디자인이 필요한 실제 프로젝트가 있다면, 만든 사람에게 직접 맡겨 보세요.