UI Blocks Library
UI 블록 갤러리
치과 사이트를 꾸릴 때 쓰는 화면 구성 요소를 카테고리별로 모았습니다. 한 카테고리마다 서로 다른 구성 8종이 들어 있고, 모두 이 테마의 색·타이포 토큰만 사용하므로 다크 모드에서도 그대로 동작합니다.
-
01
Headers
사이트 상단 내비게이션 바
8종 보기 -
02
Header Sections
서브페이지 상단 제목 영역
8종 보기 -
03
Heroes
진료·병원을 여는 대표 영역
8종 보기 -
04
Banners
공지·점검·고지 띠
8종 보기 -
05
Marquee
끊임없이 흐르는 문구·로고 띠
8종 보기 -
06
Feature Sections
진료 항목을 나열하는 소개 영역
8종 보기 -
07
Bento Grids
크기가 다른 칸을 짜맞춘 격자
8종 보기 -
08
Split Sections
좌우로 갈라 대비시키는 구성
8종 보기 -
09
Scroll Narrative
스크롤을 따라 이어지는 이야기
8종 보기 -
10
Content Sections
약관·개인정보 등 긴 본문
8종 보기 -
11
Quotes
원장 인사말·진료 철학
8종 보기 -
12
Stats
진료 실적·장비 지표
8종 보기 -
13
Timelines
병원 연혁과 발자취
8종 보기 -
14
Process Steps
진료·상담 절차 안내
8종 보기 -
15
Testimonials
내원 이용 경험
8종 보기 -
16
Logos
협력 기관·인증 마크 띠
8종 보기 -
17
Awards & Certs
의료기관 인증·학회 이력
8종 보기 -
18
Press & Media
언론보도·보도자료·미디어킷
8종 보기 -
19
Team Sections
의료진 소개
8종 보기 -
20
Galleries
진료실·시설 사진 격자
8종 보기 -
21
Video Sections
진료 안내영상·인터뷰 재생
8종 보기 -
22
Social Feeds
공식 채널 소식 격자
8종 보기 -
23
Tabs & Accordions
탭·아코디언으로 접었다 펴는 내용
8종 보기 -
24
Carousels
콘텐츠 슬라이더·카드 레일
8종 보기 -
25
Feature Comparison
치료 방식을 나란히 견주는 표
8종 보기 -
26
Pricing
비급여 진료비 안내
8종 보기 -
27
FAQs
진료·비용 자주 묻는 질문
8종 보기 -
28
Blog Sections
치과 칼럼·소식 목록
8종 보기 -
29
Downloads
문진표·안내 자료 내려받기
8종 보기 -
30
CTA Sections
예약·상담으로 이끄는 행동 유도
8종 보기 -
31
Sticky CTA
화면에 붙어 따라오는 예약 바
8종 보기 -
32
Countdown
이벤트·접수 마감까지 남은 시간
8종 보기 -
33
Popups & Modals
팝업 공지·모달·오늘 그만보기
8종 보기 -
34
Forms
진료 예약·상담 접수 폼
8종 보기 -
35
Newsletter Sections
구강 건강 소식 구독
8종 보기 -
36
Contact Sections
예약 문의·오시는 길
8종 보기 -
37
Locations
지점 안내와 진료시간
8종 보기 -
38
Careers
채용·복지·인재상
8종 보기 -
39
404 Pages
없는 페이지 안내
8종 보기 -
40
Footers
페이지 바닥 영역
8종 보기
이 페이지들은 시안(데모)입니다. 버튼·폼은 동작하지 않으며, 실제 페이지를 만들 때 필요한 블록의 마크업을 복사해 내용만 바꿔 쓰시면 됩니다.