docs: 탭 · 홈 화면 아이콘 규칙을 디자인 README · vue3 스킬에 적는다

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-04 22:41:05 +09:00
parent 9c8728138e
commit 7d0d5f34c0
2 changed files with 8 additions and 1 deletions
@@ -26,6 +26,13 @@

 로고 원본은 `docs/brand/logo_arasystem_white.png` 다. 흰 로고라 어두운 브랜드 바탕(`#0B3640`) 위에만 둔다.

+탭 아이콘(favicon)과 홈 화면 아이콘은 바탕화면 알림 아이콘(5단계 `notification-icon.png`)과 같은 모양이다 — `#0B3640` 둥근 사각 가운데 흰 ARA 마크.
+원본 로고의 위 덩이(ARA)를 크기마다 따로 줄였다(2026-11-04).
+- `frontend/src/assets/brand/favicon-16.png` · `favicon-32.png`: 마크 폭 86% · 모서리 16%. 작은 크기에서 가는 획이 사라지지 않게 획을 조금 굵게 했다.
+- `frontend/public/favicon.ico`: 16 · 32 · 48 세 장(48 은 굵게 하지 않았다) — `/favicon.ico` 를 직접 묻는 클라이언트용.
+- `frontend/src/assets/brand/apple-touch-icon.png`: 180 불투명 정사각 · 마크 폭 77% — iOS 가 모서리를 깎는다.
+- 모바일 브라우저 주소 표시줄 색(`theme-color`)은 `#0B3640`.
+
 ## 디자인 원칙 (사용자 확정)

 - 안 읽음 점·개수 알약·코드 태그 같은 **뱃지를 쓰지 않는다** — 굵은 글자와 평범한 숫자로 구분한다.