|

컴포넌트

섹션 단위의 독립 블록 — 원하는 자리에 그대로 끼워 넣으세요

CTA 배너 — 그라디언트 라운드 카드

CTA 배너 — 그라디언트 라운드 카드

블루→바이올렛 그라디언트 CTA 카드, 버튼 2종 + 각주

1.0.0 · MIT · HTML + Tailwind CDN

FAQ 아코디언 — CSS 온리

FAQ 아코디언 — CSS 온리

details/summary 기반 무스크립트 FAQ 아코디언 5문항

1.0.0 · MIT · HTML + Tailwind CDN

푸터 메가 — 4열 링크 + 사업자 정보

푸터 메가 — 4열 링크 + 사업자 정보

브랜드·링크 3열·소셜·사업자 정보를 갖춘 다크 푸터

1.0.0 · MIT · HTML + Tailwind CDN

히어로 그라디언트 센터 — 다크 중앙정렬

히어로 그라디언트 센터 — 다크 중앙정렬

다크 그리드 배경 + 그라디언트 텍스트의 센터 히어로

1.0.0 · MIT · HTML + Tailwind CDN

히어로 스플릿 — 카피 + 대시보드 비주얼

히어로 스플릿 — 카피 + 대시보드 비주얼

좌 카피·우 지표 카드 목업의 스플릿 히어로 — 이미지 없이 완성

1.0.0 · MIT · HTML + Tailwind CDN

로고 클라우드 — 모노톤 파트너 스트립

SVG 워드마크 6개의 모노톤 로고 클라우드 — hover 착색

1.0.0 · MIT · HTML + Tailwind CDN

가격표 3단

강조 카드 1개를 둔 3단 가격표 — 반응형 1→3열

1.3.0 · MIT · HTML + Tailwind CDN

가격표 다크 3단 — 중앙 강조

가격표 다크 3단 — 중앙 강조

다크 배경 3단 가격표, 중앙 플랜 그라디언트 강조

1.0.0 · MIT · HTML + Tailwind CDN

통계 밴드 — 다크 4지표 스트립

통계 밴드 — 다크 4지표 스트립

풀블리드 다크 스트립에 지표 4개 — 섹션 사이 삽입용

1.0.0 · MIT · HTML + Tailwind CDN

팀 그리드 — 이니셜 아바타 4단

팀 그리드 — 이니셜 아바타 4단

사진 없이 이니셜 아바타로 완성한 팀 소개 그리드

1.0.0 · MIT · HTML + Tailwind CDN

후기 그리드 — 별점 카드 6매

후기 그리드 — 별점 카드 6매

별점·인용·이니셜 아바타의 후기 카드 6매 그리드

1.0.0 · MIT · HTML + Tailwind CDN

…