서브메뉴
페이지 상단 탭·브레드크럼
서브비주얼 + 브레드크럼
페이지 맨 위에 사진 띠와 제목, 현재 위치를 함께 보여주는 가장 기본 서브 상단.
의료진 소개
라인 탭 메뉴
제목 아래 같은 메뉴의 형제 페이지를 밑줄 탭으로 나열하는 형태. 정보가 많은 병원 사이트에 무난함.
병원소개
드롭다운 위치 바
홈 › 1차 메뉴 › 2차 메뉴를 드롭다운으로 바로 이동할 수 있는 관공서·대형병원 스타일 바.
세그먼트 탭
가운데에 둥근 캡슐 안에서 선택된 칸이 미끄러지는 세그먼트형 탭. 앱처럼 깔끔한 트렌디형.
병원소개
좌측 사이드 메뉴
왼쪽에 메뉴 제목과 하위 메뉴 목록, 오른쪽에 본문이 오는 2단 구조. 내용이 긴 진료과목 페이지에 적합.
외과·정형
본문 영역입니다. 슬개골 탈구, 골절, 십자인대 등 정형외과 수술과 재활을 안내합니다.
스크롤 칩 탭
카테고리가 많을 때 가로로 밀어서 넘기는 칩 탭. 개수 배지가 붙어 있어 커뮤니티·진료과목 목록에 적합.
진료과목
총 9개 진료과가 있어요
대학병원형 박스 탭
가운데 큰 제목 아래로 메뉴를 네모 박스로 나란히 둔 대학병원·공공기관 스타일. 메뉴가 많아도 줄바꿈으로 정돈됨.
제목 + 위치·공유 바
왼쪽에 페이지 제목, 오른쪽에 현재 위치와 공유·인쇄 버튼을 둔 정보형 상단. 대기업 고객센터 스타일.
의료진 소개
균등 라인 탭 + 소탭
위 단은 굵은 균등 탭, 아래 단은 작은 글자 소탭으로 2단 구성. 하위 메뉴가 있는 진료과 페이지에 적합.
슬라이딩 밑줄 탭
탭을 바꿀 때 아래 밑줄이 부드럽게 미끄러지며 따라가는 트렌디 탭. 큰 IT 기업 사이트에서 많이 쓰는 방식.
사진 위 글라스 세그먼트
서브 비주얼 사진 위에 유리 질감의 알약형 탭을 띄운 고급형. 선택 탭은 흰 알약이 이동함.
병원 소개
스크롤 스파이 앵커 탭
페이지 안 섹션으로 바로 이동하는 고정 탭. 스크롤하면 지금 보는 섹션 탭이 자동으로 켜짐. 긴 소개 페이지용.
인사말 섹션 내용이 들어갑니다. 스크롤하면 위 탭이 따라서 바뀌어요.
의료진 섹션 내용이 들어갑니다. 스크롤하면 위 탭이 따라서 바뀌어요.
시설 섹션 내용이 들어갑니다. 스크롤하면 위 탭이 따라서 바뀌어요.
오시는 길 섹션 내용이 들어갑니다. 스크롤하면 위 탭이 따라서 바뀌어요.