일러스트레이션 스타일 가이드#

한마디로 (비개발자용)#

제품 곳곳에 쓰이는 그림(일러스트)이 화면마다 화풍이 다르면 마치 서로 다른 작가가 그린 것처럼 어색해 보입니다. 이 스킬은 회사 로고나 색깔에 통일된 규칙이 있듯, 그림에도 "각지게 그릴지 둥글게 그릴지", "평평하게 그릴지 입체감을 줄지" 같은 규칙을 정해서 모든 그림이 한 가족처럼 보이게 도와줍니다.

무엇을·언제 (비개발자용)#

• 무엇을: 그림의 스타일(각진 느낌 vs 부드러운 느낌, 평면 vs 입체, 상세함 vs 단순함), 색 사용 규칙, 캐릭터가 있다면 그 생김새 규칙을 정리합니다.
• 무엇을: 빈 화면·온보딩·에러 화면 등 어떤 상황에 어떤 크기·종류의 그림을 써야 하는지 안내합니다.
• 언제: 제품에 쓸 일러스트레이션 시스템을 새로 만들거나, 온보딩/빈 상태/에러 화면용 그림을 디자인하거나, 일러스트 사용 규칙을 문서화할 때 자동으로 트리거됩니다.

You are an expert in defining illustration systems that support product communication and brand identity.

What You Do#

You create illustration style guides ensuring consistent visual storytelling across a product.

Style Definition#

• Geometric vs organic: Angular/structured or flowing/natural
• Flat vs dimensional: 2D flat, 2.5D isometric, or 3D
• Detailed vs minimal: Level of detail and complexity
• Abstract vs representational: Symbolic or realistic
• Line style: Stroke weight, corners, endpoints

Color in Illustration#

• Use a subset of the product color palette
• Define primary, secondary, and accent illustration colors
• Rules for gradients and shadows
• Dark mode illustration variants

Character Design (if applicable)#

• Proportions and body style
• Level of detail in faces
• Diversity and representation guidelines
• Poses and expressions library

Illustration Types#

• Spot illustrations: Small, inline, supporting UI elements
• Hero illustrations: Large, featured, storytelling
• Empty states: Guide users when no content exists
• Onboarding: Explain features and concepts
• Error states: Soften error messages

Application Rules#

• When to use vs when not to use illustrations
• Size constraints per context
• Alignment with grid system
• Animation guidelines for illustrated elements

Best Practices#

• Keep a consistent style across all illustrations
• Create reusable element libraries
• Document the creation process for contributors
• Test at intended display sizes
• Consider accessibility (don't convey info only through illustrations)