UI Blocks 04 / 40

Banners

공지·점검·고지 띠 — 서로 다른 구성을 한 화면에 모았습니다. 필요한 것을 골라 페이지에 그대로 옮겨 쓰십시오.

전체 목록 모든 예시는 이 테마의 @theme 토큰만 사용합니다.

공지 띠 · 브랜드 강조

가장 강한 톤. 지금 반드시 알려야 할 것 하나만 한 줄로 싣는다.

공지 2026년도 창설기념일 합동 참배 참가 신청을 받습니다.

서비스가 멈추는 일정. 색·아이콘·라벨 셋을 겹쳐 색을 못 보는 사용자에게도 전달한다.

시스템 점검 · 2026. 03. 02. 일요일 02:00~06:00 회원 로그인과 회비 납부가 일시 중단됩니다.

닫을 수 있는 고지. 닫힌 뒤 되돌릴 길까지 함께 둔다.

이 사이트는 회원 확인과 서비스 개선을 위해 최소한의 정보를 저장합니다. 자세한 내용은 개인정보 처리방침에서 확인하실 수 있습니다.

남은 날짜가 주인공인 띠. 숫자를 크게 세우고 설명을 낮춘다.

D- 14

2026. 04. 15. 수요일 10:00 중앙회 대강당

화면 아래에 붙여 쓰는 띠. 스크롤이 길어도 신청 버튼이 사라지지 않게 한다.

아직 전우회에 등록하지 않으셨습니까?

복무 확인만 끝나면 영업일 기준 3일 안에 소속 지회가 배정됩니다.

성공·안내·주의·오류 네 가지. 색 하나로 성격을 내지 않고 아이콘과 라벨을 겹친다.

페이지 맨 위가 아니라 본문 흐름 가운데에 끼워 넣는 강조 상자.

회원 혜택