98 lines (69 loc) · 3.39 KB

Design Asset Specification

Concept

코끼리 앱 + 텍스처 앱 (실제 한국 라이프스타일 앱 2종)

코끼리 (명상 앱): 깊은 인디고/퍼플 배경, 부드러운 라벤더 글로우, 코끼리 캐릭터 일러스트, 둥글고 차분한 UI
텍스처 (독서/라이프스타일 앱): 초다크 배경, 선명한 녹색 포인트(.), 인용 카드 스타일 피드, 군더더기 없는 타이포그래피

두 앱을 조합 → 인디고-블랙 배경(코끼리) + 라임 그린 포인트(텍스처) + 보라빛 글로우 액센트(코끼리)

Color Palette

역할	이름	Hex	레퍼런스
Background (밤하늘 인디고)	`bg`	`#0D0B18`	코끼리
Background deep	`bgDeep`	`#08070F`	코끼리
Surface (딥 퍼플)	`surface`	`#18152B`	코끼리
Surface 2	`surface2`	`#231F38`	코끼리
Primary accent (라임 그린)	`primary`	`#4AE290`	텍스처
Primary light (민트)	`primaryLight`	`#A8F3D0`	텍스처
Violet accent (바이올렛)	`violet`	`#8B6FE8`	코끼리
Violet light (라벤더)	`violetLight`	`#BBA8F5`	코끼리
Text (라벤더 화이트)	`text`	`#F0EDF8`	코끼리
Text muted	`textMuted`	`#7A738F`	-
Text faint	`textFaint`	`#3D3856`	-
Border	`border`	`#2A2540`	-

Typography

용도	Font	Weight	Style
타이틀, 아키타입 이름	Cinzel	700–900	대문자, 넓은 자간
본문, UI 레이블	Inter	400–600

Texture Pattern

대각선 그레인 오버레이 — CustomPainter로 구현됨 (TexturePainter in app_theme.dart).

선 두께: 0.6px, 간격: 18px, 색상: rgba(255,255,255,0.03–0.08)

Logo — `assets/images/logo.svg` (미제작)

컨셉

코끼리의 눈 또는 이마 중앙의 제3의 눈을 추상화한 기하학적 심볼
동심원 3개 + 수직·수평 축선 교차 (현재 _LogoPlaceholderPainter로 임시 구현)

요구 사양

Format: SVG (또는 PNG @3x)
Size: 120×120px (표시), 512×512px (앱 아이콘)
Colors: 주색 #C4874A, 배경 없음(투명)
Style: 세밀한 선 위주, 채우기 없음 또는 반투명 채우기

설명

중앙에 작은 원 → 중간 원 → 큰 원 (3개)
수평선(좌–우 전체) + 수직선(상–하 전체)이 3개 원을 가로지름
선과 원의 교차점에 4개의 작은 점(다이아몬드 형태)
전체 느낌: 나침반 + 만달라 + 코끼리 눈

Splash / Onboarding Background — `assets/images/texture_bg.png` (미제작)

컨셉

낡은 가죽 또는 황토 벽 질감의 다크 텍스처
800×1600px (세로형)
색상: #1A1614 베이스에 #C4874A 미세 입자

Feed Card Element Icons — `assets/images/element_*.png` (미제작)

각 오행(木火土金水)의 아이콘. 현재 알파벳 첫 글자(W, F, E, M, W) 원형 뱃지로 대체.

원소	색상	심볼 아이디어
Wood 木	`#6B8C5A`	잎맥, 새싹
Fire 火	`#CC5533`	불꽃 단면
Earth 土	`#8B6B4E`	육각형 지층
Metal 金	`#9AABB8`	결정 다면체
Water 水	`#4A7FA0`	파문(동심원)

App Icon — `assets/icon/app_icon.png` (미제작)

512×512, 배경 #1A1614, 중앙에 로고 SVG
Android adaptive icon: foreground + #1A1614 배경 레이어