S21 Phone
Webzine/ Notebook/ 웹 디자이너 업무 수첩 · `_Grok`
Notebook · lakme-audio

웹 디자이너 업무 수첩 · `_Grok`

Boss 요청: 문서↔웹페이지 브릿지 + 5레포 통일 웹 표면.

Source · _notebook/38-web-designer-workpad_Grok.md Kind · markdown S21 Phone Editorial

date: 2026-07-27
agent: Grok
mark: _Grok
type: designer-workpad
status: active
role: 웹 디자이너 업무 수첩


웹 디자이너 업무 수첩 · _Grok

Boss 요청: 문서↔웹페이지 브릿지 + 5레포 통일 웹 표면.
이 파일이 디자이너 레인 현황판(workpad) 이다.


1. 역할 리마인드

직함 마크 이 수첩에서
웹 디자이너 _Grok 랜딩·문서 HTML·톤·아이콘·커버리지·브릿지
작업 반장 _Aider 패치 루프 시공
감사 _Claude (미설치) 품질 반려

명령:

python3 scripts/check_webpages_Grok.py      # phone 수첩 갭
python3 scripts/build_webzine.py            # phone md→html
python3 scripts/build_satellite_docs_Grok.py  # 위성 4종 md→html

2. 5레포 현황 (2026-07-27 감사)

helena_phone (허브)

항목 상태
랜딩 ✅ A급 웹진 · 아코디언 접힘 · 모바일 거터 22px
수첩 _notebook gap_count=0 (45 md → html)
웹진 catalog ✅ ~86 페이지
커버리지 앱 notebook/webpage-coverage.html
디자이너 문서 ✅ 31 roles · 33 coverage · 36 PM비교 · 37 백서 · 38 workpad(본문)

helana_log (행정 대화록)

항목 상태
랜딩 ✅ 초A · teal
docs/* 통일 문서 웹페이지 (IDENTITY, METHOD, tracks, dialogue…)
Docs hub docs/index.html
Pages bridge pages/index.html
CLAUDE / logs ✅ html 브릿지

helana-faith / helena-piano / helena-metalcare

항목 상태
랜딩 ✅ 각 브랜드 초A
README · CLAUDE ✅ html
Pages bridge pages/index.html
추가 본문 docs △ 아직 md 적음 (랜딩이 주 표면)

3. 브릿지 규칙 (통일성)

  1. md가 생기면 같은 stem의 html (phone: build_webzine / 위성: build_satellite_docs_Grok)
  2. 문서 HTML 공통: dark/light · spine · 검색 · h2 접기 · 모바일 gutter 22px · 허브 링크
  3. 액센트: Log teal · Faith gold · Piano lilac · MetalCare coral · Phone gold
  4. 랜딩 nav에 Docs / pages 링크
  5. 보고: 갭 있으면 빌드 후 tg.sh

4. 라이브 URL 맵

레포 Landing Docs bridge
phone /helena_phone/ archive · coverage app
log /helana_log/ docs/ · pages/
faith /helana-faith/ pages/
piano /helena-piano/ pages/
metalcare /helena-metalcare/ pages/

5. 이번 작업 체크


6. 다음 (백로그)

웹 디자이너 업무 수첩 · _Grok · 2026-07-27