병원 ERP · 디자인 시안 v1 · 디자이너 의견 반영(2026-10-15)
애플 미니멀 + 글래스, 펼침 사이드바와 하단 탭바
PC는 왼쪽 메뉴를 펼친 상태가 기본이고, 아래 '메뉴 접기'를 누르면 아이콘 레일로 접힙니다. 메뉴를 누르면 화면이 바뀝니다(홈 · 직원 명부 · 연차 현황 · 재고). 휴대폰은 화면을 아래로 스크롤하면 탭바가 숨고 위로 올리면 다시 나타납니다. 모든 데이터는 예시입니다.
글래스: 배경·사이드바·상단 바·버튼·요약 카드·탭바표 카드는 불투명도를 높여 가독성 유지병원 로고 자리(설정에서 업로드)서체 Pretendard
PC
사이드바 맨 아래 '메뉴 접기' → 아이콘 레일(마우스를 올리면 이름). 메뉴를 눌러 화면을 바꿔 보세요.
휴대폰
화면 안에서 스크롤해 보세요. 아래로 내리면 탭바가 숨고, 위로 올리면 나타납니다. 큰 제목은 스크롤하면 위쪽 바의 작은 제목으로 바뀝니다.
모바일 규칙
- 탭바 5개: 홈 · 입출고 · 휴가 · 알림 · 내 정보
- 아래로 8px 이상 스크롤하면 숨김, 위로 올리거나 맨 끝에 닿으면 다시 표시
- 나머지 메뉴는 홈의 '전체 메뉴'에서
- 글래스 탭바·상단 바 뒤로 내용이 비쳐 화면이 넓어 보임
- '내 정보'에서 직원 본인 연차 잔여·사용 내역 확인
버튼 위치·크기는 iOS 기준(탭 영역 44px 이상)입니다.
색
- 바탕 #F2F2F6 + 은은한 색 번짐(파랑·라벤더·민트·살구)
- 포인트 #0071E3 (병원별로 바꿀 수 있음)
- 경고 색(부족·임박·마약류)은 병원이 못 바꿈
글래스
- 흰색 52% + 흐림 22px + 채도 180%
- 테두리 흰색 65%, 위쪽 1px 하이라이트
- 표가 든 카드는 흰색 80%로 진하게
글자·모양
- 제목 28 / 750, 본문 13.5, 숫자는 고정폭
- 둥글기: 카드 18 · 버튼 10 · 칩 6
- 행 높이 46px, 구분선 반투명 회색