UI Blocks 32 / 40
Countdown
이벤트·접수 마감까지 남은 시간 — 서로 다른 구성을 한 화면에 모았습니다. 필요한 것을 골라 페이지에 그대로 옮겨 쓰십시오.
@theme 토큰만 사용합니다.
큰 숫자 카운트다운
일·시·분·초 네 칸. 남은 시간이 화면의 주인공인 자리에 쓴다
한 줄 배너형
문구와 남은 시간을 한 줄에 앉힌다. 본문 흐름을 끊지 않는 저강도 안내
구강보건교육 신청 마감까지 접수 마감
마감
카드 + 마감 임박 강조
남은 시간이 짧을 때의 형태. 색이 아니라 아이콘과 글자로 상태를 말한다
어두운 무대 카운트다운
페이지 흐름을 끊고 무게를 싣는 자리. 개원 기념식처럼 격식이 필요한 행사에 쓴다
행사 일정 목록 + 각 남은 시간
여러 행사의 남은 시간을 한 화면에. 정본 훅은 몇 개가 있든 타이머 하나로 전부 돌린다
-
치과 임상 학술 세미나
본원 3층 교육실 ·
-
지역 어르신 구강검진 봉사
남동구 노인복지관 ·
-
직원 감염관리 정기 교육
본원 3층 교육실 ·
접수 마감 + 진행률 막대
남은 시간만으로는 급한지 알 수 없다. 남은 자리를 막대로 함께 보인다
구강보건교육 수강 신청
정원이 차면 마감 시각 전이라도 접수가 종료됩니다. 대기 신청은 받지 않습니다.
신청 246명 / 정원 300명
82%
잔여 54석
접수가 마감되었습니다.
마감
원형 배치 숫자
네 개의 원 안에 숫자를 앉힌다. 사각 칸보다 부드러워 초대장 성격의 안내에 어울린다
한 해를 함께 마무리합니다
내원하시는 분과 가족 여러분을 모십니다. 좌석 배치를 위해 참석 여부를 미리 알려 주십시오.
행사가 종료되었습니다.
· 본원 3층 교육실
마감 후 상태 시연
지난 날짜를 넣어 두었다. 숫자가 사라지고 마감 문구와 다음 안내가 대신 나오는 모습
2026년 상반기 정기검진 예약 접수
마감된 시각