Skip to content

Latest commit

 

History

History
98 lines (69 loc) · 3.39 KB

File metadata and controls

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 배경 레이어