sp-life-journey — 통합 앱 셸 (Stage 1)

옵션

레이아웃 세부 · 헤더 조합 프리셋으로도 전환

TIME DIRECTION

BAR DIRECTION

ARRANGE

FLOW

표현

최대 길이 100 두께 24

탐색 · 줌

핀치 4.0

관성 · 터치 플릭

마찰 0.9975 플릭 1.0

저장 · Supabase(https)

메모

디자인 — 상태별 바 표현

종류

상태

색은 Lane색 단일 기준 — 공통(상태 델타) + 요소(배경·테두리) 각각 OKLCH(명도·채도·색조) 증감. 라벨은 가독용 고정색(제외).

배경 불투명도 0.30

테두리 두께 1.5 불투명도 1.00

테두리 면

라벨 불투명도 1.00 크기 11

모양 코너반경 6

색 OKLCH

명도 0.00 채도 0.00 색조 0

Lane 추가

이름

명도 0.70 채도 0.140 색조 30

최대 줄