브랜드 키워드

FNA 스마트해썹이 화면에서 어떤 태도로 말하는지 정하는 세 단어. 색·서체·컴포넌트·문구는 전부 이 키워드를 근거로 선택되었습니다.

정확한든든한쉬운

세 가지 키워드

01 · Exact정확한HACCP 기록은 법적 서류다. 소수점 한 자리, 시각 초 단위, 담당자 서명까지 틀리지 않게. 숫자는 tabular-nums, 시각은 24시간제, 값 뒤에는 단위.

02 · Steady든든한공장은 24시간 돌고 냉동고는 멈추지 않는다. 네이비는 흔들리지 않는 바탕색, 경보 빨강은 드물게만 등장해 정말 급할 때 눈에 띈다.

03 · Plain쉬운장갑 낀 손, 김 서린 화면, 60대 작업자. 한 화면 한 작업, 큰 버튼 하나, "기준보다 2.3도 높습니다" 같은 완결 문장.

키워드	시각 결정	문구 결정	근거 페이지
정확한	숫자 굵기 900 · 단위는 0.42em 회색 · 소수 자릿수 열 안에서 통일 · 격자는 실선 헤어라인	"±" 대신 "기준보다 n도 높습니다" · 날짜는 `2026-09-29 (화)` · 결재 상태 6단계 고정 명칭	Typography · 표기 규칙
든든한	네이비 `#1B284F` 상단 바·사이드바 · 카드 그림자는 파랑 기미 5% · 경보색은 배지·배너·이탈 마커에만	겁주지 않는다: "경보"는 사실, 조치는 다음 문장 · 세션 만료도 "저장돼 있습니다"부터	Color · 어조
쉬운	터치 44/64 · 시니어 시트 전체화면 · 버튼 라벨 800~900 · 아이콘은 항상 글자와 함께	존댓말 "~하세요" · 약어 금지(CCP → "중요관리점(CCP)" 첫 언급) · 한 문장 한 정보	시니어 모드 · 용어 사전

Do 사실 → 조치 순서, 완결 문장

Don't 약어·느낌표·명령형 나열심사관과 시니어 작업자가 같은 화면을 본다

심볼은 네이비 사각 위에 둥근 막대 세 개가 계단처럼 쌓인 'F'입니다. 이 쌓인 막대가 시스템의 유일한 장식 모티프이며, 아래 네 곳에만 씁니다. 그 밖의 장식(그라데이션, 일러스트, 이모지)은 쓰지 않습니다.

불러오는 중

로더막대 세 개가 위에서 아래로 차례로 채워진다. 1.2초 주기, reduced-motion 이면 정지.

절 구분긴 문서·리포트에서 큰 절 사이. 가운데 정렬, 선 색 --fna-border-strong.

빈 상태"아직 기록이 없습니다" 위 그림. 회색 막대, 그 아래 다음 행동 버튼 하나.

홈 히어로 · 앱 아이콘완전한 심볼은 여기서만. 본문 안에서 심볼을 아이콘처럼 반복하지 않는다.

안정마지막 갱신 2026-09-29담당 디자인시스템 TF · jjo831@farmzone.kr소스 fna_bi_main.png · AUDIT.mdBrand · FNA 디자인 시스템 v1.0