FNA Design System

모바일 · 위젯

홈 화면 위젯은 앱을 열지 않고 지금 온도와 경보를 보는 창. 큰 숫자 하나, 상태 색, 마지막 수신 시각. 조작은 없고 탭하면 해당 센서 상세로 갑니다.

냉동창고 A
-18.4℃
기준 안 · 3분 전

제안: 현재 RN 앱에는 위젯이 없습니다. 이 규칙은 구현 전 설계 기준이며, 관제 담당자의 요청("앱 안 열고 온도 보기")을 근거로 합니다.

크기별 내용

크기내용갱신탭
작음 2×2 (iOS small · Android 2×2)센서 1개: 이름 · 큰 숫자 · 상태 점+라벨 · "3분 전"15분 (경보 시 푸시로 즉시)센서 상세
중간 4×2센서 4개 격자 또는 사업장 요약(정상 n · 주의 n · 경보 n) + 최신 경보 1줄15분현황 홈 / 경보 상세
큼 4×4센서 8개 + 오늘 CCP 진행(적합 n · 미기록 n) + 결재 대기 n15분각 영역
잠금화면 · 원형 (iOS accessory · Android 1×1)숫자 하나 + 상태 색 링15분센서 상세

화면

작음 · 중간 위젯
냉동창고 A
-18.4℃
정상3분 전
냉장 1
7.3℃
온도 이탈방금 전
평택공장12:58
냉동 A-18.4
냉동 B-20.2
냉장 17.3
냉장 23.4
냉장 1 온도 이탈· 12:40 부터 · 미확인

규칙

  • 위젯은 읽기 전용. 경보 확인·기록은 앱에서만(탭 → 딥링크).
  • 큰 숫자는 위젯 높이의 25% 이상, 900, tabular. 단위는 작게.
  • 상태색은 배경(container)으로 — 경보 위젯은 danger-container 배경 + on-container 글자, 정상은 surface. 색만이 아니라 라벨("온도 이탈") 항상.
  • 수신 시각 필수. 30분 넘게 갱신되지 않으면 값을 회색으로 하고 "갱신 안 됨 · 12:10" 표시.
  • 다크 테마는 시스템을 따른다(위젯은 토큰 다크 값 사용). 시니어 사용자에게는 "작음" 위젯만 권장(숫자 하나).
  • 사업장 여러 개면 위젯 설정에서 사업장·센서 선택. 기본은 사용자 홈 사업장의 첫 경보 우선 센서.
  • 민감 정보(업체명 전체·담당자)는 잠금화면 위젯에 표시하지 않는다 — 센서명과 값만.
  • 로고 심볼 16px 은 좌상단 한 번만. 워드마크 없음.

치수

항목작음중간
패딩1414
라운드OS 기본 (≈24)OS 기본
큰 숫자40 / 90020 / 800 (격자)
이름12 / 80012 / 800 · 격자 10
상태 · 시각1111
심볼1616

Do · Don't

-18.4℃
정상 · 3분 전
Do 숫자 하나 + 상태 라벨 + 시각
Don't 위젯에 차트·버튼·목록

제안 (소스 미반영)마지막 갱신 담당 디자인시스템 TF · jjo831@farmzone.kr소스 제안 — 앱에 위젯 미구현. Android AppWidget / iOS WidgetKit 규격 기준Rules · FNA 디자인 시스템 v1.0