홈 › 레이아웃 › 헤더

헤더

전체 색상
화이트
폭
H-01클래식 스타일

클래식 화이트

로고 왼쪽, 메뉴 가운데, 전화번호 오른쪽. 가장 무난한 병원 헤더.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-02클래식 스타일

상단 정보바 + 메인바

얇은 상단 바에 진료시간·전화·로그인, 아래 메인 메뉴. 정보가 많은 병원에 적합.

화이트
색상 적용: 상단 바
폭
미리보기
평일 09:00 – 19:00 · 토 09:00 – 15:00 · 일 휴진로그인회원가입KOR
H-03클래식 스타일

센터 로고

로고가 가운데, 메뉴를 양쪽으로 나눈 대칭형. 고급스럽고 정돈된 느낌.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-04클래식 스타일

예약 버튼 강조

오른쪽에 눈에 띄는 온라인 예약 버튼. 예약 전환이 중요한 병원용.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-05클래식 스타일

2단 전통형

윗줄에 로고와 대표 전화·진료시간을 크게, 아랫줄에 메뉴 바. 연령대 높은 보호자에게 익숙한 구성.

화이트
색상 적용: 메뉴 바
폭
미리보기
UI Archive
진료예약02-1234-5678
진료시간09:00 – 19:00
H-06클래식 스타일

라인 메뉴형

메뉴 아래 얇은 포인트 라인이 따라오는 깔끔한 헤더. 사진 배경에 올리려면 ‘투명’ 버튼을 눌러 보세요.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-07클래식 스타일

진료 상태 표시

오른쪽에 ‘지금 진료 중’ 배지와 오늘 진료시간. 응급·야간 진료 병원에 유용.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-08트렌디 스타일

플로팅 캡슐

화면 위에 둥근 캡슐로 떠 있는 헤더. 스크롤해도 가볍게 따라오는 앱 같은 느낌.

화이트
색상 적용: 캡슐 전체
폭
미리보기
H-09트렌디 스타일

미니멀 메뉴 버튼

메뉴를 숨기고 ‘MENU’ 버튼 하나로 전체화면 메뉴를 여는 방식. 여백 많은 감성형 사이트용.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-10트렌디 스타일

검색바 포털형

가운데 검색창을 크게 둔 포털형. 진료과목·게시글이 많은 사이트에 적합. 컬러 채우기로 다크 헤더도 가능.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-11트렌디 스타일

세그먼트 탭

메뉴를 둥근 탭 묶음으로 가운데 배치. 지금 페이지가 탭처럼 떠 보이는 앱 스타일.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-12트렌디 스타일

아이콘 탭 메뉴

메뉴마다 아이콘을 위에 올린 탭형. 보호자가 한눈에 찾기 쉬운 친절한 구성.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-13트렌디 스타일

공지 띠 + 헤더

맨 위에 휴진·이벤트 공지 띠를 두고 아래 깔끔한 메인 헤더. 공지가 자주 바뀌는 병원용.

화이트
색상 적용: 공지 띠
폭
미리보기
공지

11월 셋째 주 토요일은 정기 휴진입니다. 진료 일정을 확인해 주세요.

자세히
H-14트렌디 스타일

에디토리얼 센터

왼쪽 MENU 버튼, 가운데 로고, 오른쪽 아이콘. 아래 줄에 메뉴를 가운데 정렬한 매거진 감성.

화이트
색상 적용: 헤더 전체
폭
미리보기
UI Archive
H-15트렌디 스타일

분리형 블록

로고·메뉴·예약을 각각 둥근 카드로 나눠 띄운 구성. 가볍고 세련된 최신 감성.

화이트
색상 적용: 블록 전체
폭
미리보기
H-16플랫폼 스타일

플랫폼 검색형

큰 검색창과 AI 추천 버튼을 가운데 두고, 아래 줄에 전체 카테고리를 펼친 전문가 플랫폼 스타일.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-17플랫폼 스타일

탭 + 서브메뉴형

윗줄에 굵은 큰 탭(병원소개·건강정보·예약), 아랫줄에 밑줄 서브메뉴. 콘텐츠가 많은 라이프스타일 플랫폼 스타일.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-18플랫폼 스타일

미니멀 핀테크형

낮은 높이, 회색 작은 메뉴, 오른쪽 버튼 하나. 군더더기 없는 깔끔한 핀테크 서비스 스타일.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-19플랫폼 스타일

동네 커뮤니티형

로고 옆 동네 선택 버튼과 회색 검색창, 채팅 아이콘. 지역 기반 커뮤니티 앱 같은 친근한 스타일.

화이트
색상 적용: 헤더 전체
폭
미리보기
H-20플랫폼 스타일

포털 검색형

가운데 큰 로고와 굵은 테두리 검색창, 아래 서비스 아이콘 줄. 검색 중심 포털 사이트 스타일.

화이트
색상 적용: 포인트 전체
폭
미리보기
UI Archive