브랜드·디자인
보라색 ‘AI 제품’ 느낌을 피하고, 스튜디오·시그널 감도로 정리한 기준입니다.
로고
파형 마크 + Flipflow 워드마크. 정사각 파비콘은 /brand/favicon.svg, 마크만은 /brand/logo-mark.svg를 씁니다. 로고를 다른 색으로 칠하거나 기울이지 마세요.
폰트
- Syne — 제목·브랜드 (디스플레이)
- Figtree — 본문·UI
- IBM Plex Mono — 코드·기술 값
- 한글은 Pretendard / Noto Sans KR이 시스템에 있으면 자동으로 붙습니다.
컬러 칩
강조색은 Signal (#D6FF4B), 보조는 Teal. 배경은 Ink. 보라 그라데이션·네온 퍼플 CTA는 쓰지 않습니다.
레이아웃
소개(랜딩)와 스튜디오(앱)는 네비·톤이 다릅니다. 히어로에는 브랜드명을 가장 크게, 통계 카드·뱃지 스티커는 올리지 않습니다. 앱은 할 일에 집중하는 밀도 있는 패널 구성을 유지합니다.