로고 규격

심볼(F 마크)과 워드마크(FNA)의 구성, 최소 크기, 여백, 배경별 사용, 금지 예. 원본 파일은 앱 자산의 PNG 이며 벡터 원본은 브랜드팀 보관본을 따릅니다.

구성

세로형 (main)심볼 + 워드마크 상하 배치. 앱 스플래시, 로그인 화면, 인쇄 양식 상단, 명함.

가로형 (horizontal)사각 배경 없는 막대 심볼 + 워드마크 좌우 배치. 웹 상단 바, 문서 머리글, 이메일 서명.

심볼 단독앱 아이콘, 파비콘, 사이드바 접힘 상태(66px 레일), 이 사이트의 상단 바.

실측 비율

세로형 PNG(600×788) 를 픽셀 단위로 실측한 값입니다(심볼 사각 x 117~483 · y 122~488). 시스템의 라운드 공식 0.28 은 초기 근사 실측(r 22)에서 채택한 기준값이며, 정밀 실측(r 18 = 0.225)과 차이가 있지만 토큰은 바꾸지 않았습니다(Radius).

요소	실측	비율	시스템 적용
심볼 사각	367 × 367	1 : 1	앱 아이콘 안전영역: 사각을 아이콘 크기의 80%로
사각 모서리	r 12	0.033 × 변	아이콘 마스크 (OS 기본 마스크 우선)
막대 높이	80	0.218 × 변	—
막대 모서리	r 18 (실측) · 22 (기준값)	실측 0.225 → 채택 0.28	컨트롤 라운드 공식: 높이 × 0.28 → 32→8 · 40→12 · 56~64→16
막대 사이 간격	23	0.29 × 높이	스택 간격 = 라운드와 같은 값 (예: 40px 버튼 사이 12px)
가운데·세로 막대 접합	필렛 r 20	0.25 × 높이	두 막대는 x = 107 에서 맞닿아 S자 목으로 이어진 한 덩어리. 사이에 별도 도형을 끼우지 않는다
심볼 ↔ 워드마크 간격	52	0.14 × 변	세로형 조합 시 고정
워드마크 높이	122	0.33 × 변	가로형에서는 심볼 높이 = 워드마크 높이

최소 크기 · 여백

형태	최소 크기(화면)	최소 크기(인쇄)	보호 여백
세로형	높이 64px	높이 12mm	사방 = 막대 높이(심볼 변의 0.216)
가로형	높이 24px	높이 6mm	사방 = 워드마크 'F' 세로획 두께 × 2
심볼 단독	16px (파비콘) · 일반 28px	4mm	사방 = 변의 0.216

여백 시각화 — 심볼 주위 막대 높이만큼 비운다

점선 안쪽에는 다른 요소를 두지 않는다

배경별 사용

흰 배경네이비 심볼 (기본)

연회색 배경네이비 심볼

네이비 배경반전: 흰 사각 + 네이비 막대

다크 UI사각 없이 흰 막대만

흑백 인쇄검정 단색 (K 100)

금지 예

Do 원본 비율, 네이비 또는 흰색·검정 단색

Don't 비율 변형 · 회전 · 그림자

Don't 브랜드 외 색 · 그라데이션

× 스마트해썹

Don't 보호 여백 침범 · 다른 요소와 결합

Don't 저대비 배경 위 원색 사용

Do 네이비 배경에서는 반전형

제품명 표기

맥락	표기	비고
국문 정식	FNA 스마트해썹	띄어쓰기 없음 ("스마트 HACCP" 아님)
영문 정식	FNA Smart HACCP	HACCP 는 항상 대문자
앱 이름(스토어·홈 화면)	스마트해썹	12자 제한 대응
브라우저 제목	화면명 · FNA 스마트해썹	가운뎃점(·) 구분
인쇄 양식 머리글	가로형 로고 + 업체명 + 문서명	인쇄 양식

벡터 원본(SVG/AI)은 이 저장소에 없습니다. 이 사이트의 SVG 심볼(assets/fna-mark.svg)은 PNG 를 픽셀 단위로 실측해 다시 그린 것으로 원본과의 픽셀 불일치는 0.6%(가장자리 안티앨리어싱)입니다. 외부 인쇄물에는 브랜드팀의 원본 파일을 사용하세요.

안정마지막 갱신 2026-09-29담당 디자인시스템 TF · jjo831@farmzone.kr소스 D:/FNA_CC/app/src/assets/brand/fna_bi_main.png · fna_bi_horizontal.pngBrand · FNA 디자인 시스템 v1.0