기준 문서. 대시보드(홈)·시료 화면에 실제 반영된 요소를 IBM Carbon 컴포넌트 카테고리 순서로 정리했다. 새 디자인은 이 문서의 요소를 그대로 사용하고, 여기에 없는 요소는 IBM Carbon Design System에서 적합한 컴포넌트를 골라 이 톤(직각 모서리 · Pretendard · #0f62fe 액센트 · IBM 그레이 스케일 · 0.16px/−0.3px 자간)으로 변환해 추가한 뒤 이 문서에도 등재한다. 대시보드 전용 요소는 dashboard.html에 별도 정리. 챔버 상세 화면은 이 문서 범위 밖.
대시보드 — 실(Room) 확대 화면 상단
시료 — Drawer 푸터 · 신규접수 · 조건 설정 / 높이 40px 기본, 푸터에서 보조:주요 = 3:7 비율
대시보드 — 알람만 보기 / 온습도·상세 보기 토글 (아이콘 38×40px)
시료 — 접수/등록/이력 목록. 헤더 44~46px · 행 52~54px · hover #f7f9fb · 셀 16px/−0.3px
변형 — 회색 헤더(#e0e0e0) 테이블: 모달·이력용, 헤더 색 #393939공통 조회 바 — 시료·시험 서브페이지 공용. 세그먼트 44px · 기본 선택 1주 · 최대 1년 제한(안내 모달) · 검색바(시료ID·접수번호·의뢰자·담당자)와 한 행
시료 — 목록 정렬(32px) / 대시보드 — 레이어 선택(40px) · 열린 메뉴 항목 34~40px, hover #eef1f6
시험 수행 — 계획 단계 상세 패널. 장비 값 우측 연필로 진입, 체크로 확정 · 취소로 복귀
시험 수행·시험 이력 — 초기(미선택) 우측 상세 패널. 카드가 선택되기 전에는 하이라이트도 없다
시료 접수 — 신청서/이미지 업로드 (Drag & Drop)
전 화면 공통 — 텍스트 액션 (모두 읽음으로 표시, 항목 추가 등)
시료 — 저장 확인 / 안내 / QR 발급 / 이력 상세. 오버레이 rgba(22,22,22,.4)
공통 — 토스트(3초 자동 소멸) / 실시간 경보 토스트(자동 소멸 없음 · X로 닫으면 localStorage에 기억되어 전 화면·재방문에도 재노출 금지) / 벨 배지. 알림 패널 전체는 탑바우측.dc.html 마스터가 원본
시료 접수 — 시료수(44px 스텝퍼) / 방법·항목 표 내 인라인 스텝퍼(22px)
탑바 — 사용자 정보 레이어 (원본: 탑바우측.dc.html). 헤더 48px #e0e0e0 · 폭 250px
대시보드 — 시험 카드 진행률 (4px 바 + % 라벨)
시료 접수 Drawer — 단계 스텝 (26px 원 + 2px 연결선)
시료 이력 — 진행 타임라인 (56px 원 + 1px 세로선)
시료 접수 — 성적서 구분 (16px 원 · 그룹 배경 #f4f4f4)
시료 — 상단 검색바 44px (흰 면 · 그림자 없음)
시료 등록 — 배정 가능 장비 (행 52px · 선택 = 2px 파란 아웃라인)
시료 — 탑바 텍스트 탭 / 모달 언더라인 탭 / 알림 카운트 탭 / 컨테인드 탭
컨테인드 탭 (Carbon Contained Tabs) — 시료 등록 '등록 대기/보류'. active = 흰 면 + 2px #0f62fe 상단 보더 + 600, inactive = #e0e0e0 면(hover #d1d1d1) + 인접 구분선 1px #8d8d8d. 탭 아래 콘텐츠와 2px 간격
시료 단계 태그 / 경보 표시 표준 2종 / 층 요약 배지 / 칸반 카드 상태 점
24px pill · 파스텔 면 + 동계열 진한 글자(#161616 아님) · hover는 채도 +8% / 명도 −7%
쓰는 곳: 챔버 상세 알람 리스트 · 대시보드 카드 툴팁 · 알림 패널·경보 토스트. 위험 = 빨간 팔각형 느낌표(#da1e28) · 경고 = 노란 삼각형 느낌표(#f1c21b) · 15~18px · 깜빡임 없음 · 다크·밝은 표면 공통
쓰는 곳: 챔버 카드 안 시료 셀 · 챔버 상세 센서 · 시험 툴팁의 시료 항목. 9px 사각 칩(radius 0) · 0.7s 깜빡임 + glow. 텍스트 라벨을 붙이지 않고 칩만으로 상태를 표기
선택 기준 — 알람의 등급을 글자로 읽혀야 하면 ①, 개별 대상(시료·센서) 위에 표기하면 ②. 같은 화면에서 둘을 섞지 않는다.
시료 접수 폼 — 라벨 14px #525252 · 필드 44px. 편집 = 흰 배경 + 2px #0f62fe 밑줄 / 읽기 = #f4f4f4 + 1px #8d8d8d
시료 — KPI 타일(숫자 34px Light) / 이력 — 단계 필터 타일(클릭 시 2px 아웃라인). 카드 그림자 0 4px 12px rgba(0,0,0,.10)
시료 이력·접수·등록 상단. 면 = 단계 태그와 같은 파스텔, hover = 채도 +8% / 명도 −7%. 라벨 14px/600 · 숫자 30px Light · 단위 13px #525252. 선택 시 2px #0f62fe 아웃라인
default — 접수 #c6c6c6 · 등록 #d2e376 · 계획 #e8d9b8 · 시험중 #a7f0ba · 완료 #bcdcf0 · 보고 #d7c1ff
hover — 접수 #b8b8b8 · 등록 #cfe45d · 계획 #e3ce9f · 시험중 #8bf0a5 · 완료 #a1d0ed · 보고 #c3a2ff
대시보드 — 카드 hover 다크 툴팁 / GNB — 사이드바 블루 툴팁
공통 프레임 스펙 — 마스터 파일이 원본이므로 여기서는 수치만 기록