• 한 화면에 한 가지제목 하나, 버튼 하나. 설명은 두 문장 안에.
• 재지 않는다사용 시간, 연속 기록, 등급을 만들지 않는다. 숫자는 안 읽은 DM 수뿐.
• 정직하게Mac이 꺼지면 알림이 안 온다고 먼저 말한다. 한계를 숨기지 않는다.
• 영어는 표어에만UI 문구는 한국어. 영어는 워드마크와 표어, 그리고 instagram.com 같은 고유 명사뿐.

• 종이#FAF8F1바탕. 흰색 대신 쓴다.--bg
• 들판#EEF3E6번갈아 나오는 구역의 바탕.--bg-soft
• 먹#15241A본문 글자. 초록이 섞인 검정.--text
• 잔디#2E7D3A주 버튼, 링크, 강조. 흰 글자와 5.1:1.--grass
• 짙은 잔디#205C2B누를 때, 연한 바탕 위의 글자.--grass-deep
• 연한 잔디#DCEFD3칩, 카드 바탕, 잔디 띠.--grass-soft
• 새싹#8FD17A상태 점, 그림. 어두운 모드의 주 버튼.--sprout
• 햇빛#F2C14E시간·코드처럼 잠깐 눈길을 끄는 것.--sun
• 하늘#D6E9F5그림의 배경. 아주 드물게.--sky
• 흙빛#D9573F안 읽음, 숫자 배지, 로그인 풀림. 빨강 대신.--clay

어두운 모드

• 밤#0F1711--bg
• 밤 들판#151F17--bg-soft
• 면#1B271D--surface
• 글자#EEF2EA--text
• 새싹(주)#8FD17A--grass
• 연한 밤 잔디#213A26--grass-soft
• 흙빛#F0806B--clay

어두운 모드에서는 새싹색이 주 색이 되고 주 버튼은 새싹 바탕에 먹색 글자다. 밝은 모드의 잔디색은 어두운 바탕에서 너무 어둡다.

대비

본문 글자는 4.5:1 이상, 큰 글자와 배지는 3:1 이상. 흙빛 위의 흰 글자는 배지와 굵은 큰 글자에만 쓴다.

• 자리구역의 바닥 가장자리에만. 글자 뒤에 깔지 않는다.
• 움직임밑동을 축으로 4.5~7.5초 동안 ±4° 기울기, 가닥마다 다른 박자. prefers-reduced-motion이면 정지.
• 색잔디색 또는 연한 잔디. 어두운 바탕에서는 새싹색.
• 다른 그림해, 나무, 사람, 사진은 쓰지 않는다. 기기는 선으로만 그린다.
• 로딩회전 원 대신 자라는 풀잎 세 가닥.

• grass-mark.svg앱 아이콘 모양, 잔디 바탕
• grass-mark-night.svg어두운 모드 아이콘
• grass-mark-paper.svg종이 바탕
• grass-mark-mono.svg바탕 없는 단색(메뉴 막대·템플릿)
• grass-icon-1024.pngApp Store·Xcode용 1024px

:root {
  --bg: #faf8f1;        /* 종이 */
  --bg-soft: #eef3e6;   /* 들판 */
  --text: #15241a;      /* 먹 */
  --grass: #2e7d3a;     /* 잔디 */
  --grass-deep: #205c2b;
  --grass-soft: #dcefd3;
  --sprout: #8fd17a;    /* 새싹 */
  --sun: #f2c14e;       /* 햇빛 */
  --clay: #d9573f;      /* 흙빛 */
  --font-display: 'Fraunces', 'New York', Georgia, serif;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #0f1711; --text: #eef2ea; --grass: #8fd17a; --grass-soft: #213a26; --clay: #f0806b; }
}