Pictogram Library
빈 상태 · 온보딩 · 안내 화면에 쓰는 일러스트입니다.
규격 (제작 시 지킬 것)
| 스타일 | 얇은 라인(1.5~2px) + 옅은 단색 면. 그림자·그라디언트 최소 |
| 팔레트 | gray + 한 가지 컬러만 (주로 teal=과학, blue=신뢰). 무지개색 금지 |
| 모티프 | 분자·성분 구조 · 물방울·앰플 · 파형(피부 결) · 비커 — 추상적·기하학적으로 |
| 비율 | 빈 상태는 120~160px 정사각, 중앙 배치 |
| 색 처리 | currentColor 또는 토큰 참조. 하드코딩 색 금지 |
금지
- 사실적인 인체·피부 묘사
- 스톡 클립아트
- 이모지를 일러스트 대신 쓰기
- 캐릭터 남용
언제 쓰나
| 화면 | 무엇을 |
|---|---|
| 빈 상태 | 왜 비어 있는지 + 다음 행동 |
| 온보딩 | 첫 사용자에게 흐름 설명 |
| 오류·점검 안내 | 상황 설명 보조 |
일러스트가 정보를 전달하면 안 됩니다. 정보는 글자가 전달하고, 일러스트는 분위기만 맡습니다.
그래서 전부 aria-hidden="true"입니다.
톤 규정은 아이콘 & 일러스트.