배경에 따른 반전
배경을 통제할 수 있는 화면에서는 밝은 배경에 잉크, 어두운 배경에 밝은 색으로 반전한다. 형태와 비례는 변하지 않는다.
밝은 배경
어두운 배경
반전하지 않는 곳
브라우저 탭, 홈 화면, 스토어에서는 잉크 배경 한 벌만 사용한다. 이 자리의 배경은 사용자가 정하므로, 반전을 적용하면 특정 배경에서 마크가 사라진다.
적용 예시
마크가 실제로 놓이는 자리다. 배경이 밝든 어둡든 형태가 유지되어야 한다.
브라우저 탭 · 바탕화면
favicon.ico · icon.svg밝은 탭
어두운 탭
SOSOHAN APP
밝은 바탕화면
SOSOHAN APP
어두운 바탕화면
모바일 홈 화면
apple-touch-icon.png · manifestsosohan
밝은 배경화면
sosohan
어두운 배경화면
구성
64 격자에서 작도한다. 두 획의 중심선과 굵기가 형태를 결정한다.
붉은 파선은 중심선, 점은 끝점이다.
| 항목 | 값 |
|---|---|
| 격자 | 64 × 64 |
| 모서리 반지름 | 14 (21.9%) |
| 왼쪽 획 | (35,15) → (16,49) · w4 |
| 오른쪽 획 | (26.68,23.74) → (48,49) · w11.5 |
| 굵기 비 | 1 : 2.88 |
오른쪽 획은 왼쪽 획 안쪽에서 시작한다. 각진 끝이 얇은 획에 묻혀 이음새가 드러나지 않는다.
여백 규정
마크 둘레에 모서리 반지름(x = 마크 폭의 21.9%) 이상의 여백을 확보한다. 이 영역에는 어떤 요소도 배치하지 않는다.
점선은 최소 여백이다.
| 쓰임 | 크기 |
|---|---|
| 파비콘 | 16 · 32 · 48 |
| 앱 아이콘(iOS) | 180 |
| PWA | 192 · 512 |
| 최소 | 16 (이하 사용 금지) |
색상
무채색만 사용한다. 초록은 「화장실기록」 앱의 색이며 브랜드 마크에 사용하지 않는다.
잉크
#14181F · rgb(20,24,31)배경(밝음)
#FFFFFF · rgb(255,255,255)배경(어두움)
#E8EDF2 · rgb(232,237,242)금지 사용
변형·기울이기
색 변경
그림자·테두리
획 굵기 변경
다운로드
SVG 는 크기와 무관하게 선명하다. 인쇄물과 대형 화면에는 SVG 를 사용한다.
