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종 보기
이 페이지들은 시안(데모)입니다. 버튼·폼은 동작하지 않으며, 실제 페이지를 만들 때 필요한 블록의 마크업을 복사해 내용만 바꿔 쓰시면 됩니다.