feat(site): rework 19 marketing showcases for composition diversity

Measured convergence before: split hero 13/19, top-bar nav 19/19,
one-line notice footer 14/19, body Pretendard 17/21, 10 similarity
pairs above 0.78. Each showcase got a pre-assigned hero family, nav
form, footer form, type pair, background, accent hue, radius, motion
grammar and material from outputs/rework-2026-10-06/plan.md; direction
cards and the chosen reason are recorded in every design.md.

After: 0 similarity warnings, 19 distinct display faces, 7 hero
families, 5 nav forms, 5 footer forms, no scroll reveals, 5 showcases
with SVG filter materials. Example contact values replace bracket
placeholders under the existing fictional-brand notices. Thumbnails,
OG images, card copy and three e2e assertions updated; dead CSS in
dure-enrollment and hannam-jari removed; similarity.mjs learns the new
font families.

apps/site/public/work/gaon-lms/design.md

@@ -10,11 +10,9 @@
 
 | 축 | 질문 | 적용 |
 | --- | --- | --- |
-| Warde · 정보 전달 | 다음 확인 대상이 수치보다 먼저 읽히는가 | 공통 정렬선과 가는 구분선의 요약 기록 밴드, 15px 표 본문 |
-| Ruder · 비교 변수 | 같은 종류의 값이 같은 열과 숫자 폭에서 비교되는가 | 표 숫자에 tabular figures, 수치 열 오른쪽 정렬 |
-| Albers · 상태 맥락 | 상태색이 주변의 중립 기록면에서 구분되는가 | 상태는 텍스트와 함께 유지하고 배경색은 보조로 사용 |
-
-Warde, Ruder, Albers는 정보 전달·비교 변수·상태 맥락을 검토하는 참고 질문이며 인과나 성능 법칙이 아니다.
+| 다음 할 일 | "이번 주 현황 · 재학생 10명"처럼 무엇을 보는 화면인지와 대상 인원이 먼저 읽히는가 | 공통 정렬선과 가는 구분선의 요약 기록 밴드, 15px 표 본문 |
+| 비교 변수 | 요일별 출석(10·9·10·9·8)·지각·미채점 같은 값이 같은 열과 숫자 폭에서 비교되는가 | 표 숫자에 tabular figures, 수치 열 오른쪽 정렬 |
+| 상태 | 진행 중·예정·미제출 상태가 중립 기록면에서 구분되는가 | 상태는 텍스트와 함께 유지하고 배경색은 보조로 사용 |
 
 ## 역할 토큰과 검증
 
@@ -22,3 +20,11 @@ Warde, Ruder, Albers는 정보 전달·비교 변수·상태 맥락을 검토하
 - `verify-final` 18개 묶음은 16개가 즉시 통과했다. 전체 묶음의 invariant·visual 검사는 Gaon·Dure를 대상으로 하며, 나머지 2개는 수정 뒤 release 독립 재실행에서 ALL PASS·ALL MATCH였다.
 - root는 28개 모바일, 21개 데스크톱, 7개 하위 경로와 30개 앱 상태를 직접 검토해 수용했다. stress 112건은 hard failure 0이며, 가로 넘침 4건은 targeted fix 뒤 390px 재측정에서 0이다.
 - 이 기록은 렌더·계약 범위의 현재 결과다. 모든 폭·키보드 경로·인쇄 등 개별 기능을 완전 재실행했다는 뜻이 아니며, 참여자 과업 효과도 미측정이다.
+
+## 2026-10-02 레드팀 06 수정 기록
+
+- `.mono` 유틸리티를 등폭 서체에서 본문 서체 + tabular-nums로 바꿨다. "수학 심화 B · 3/11 마감"이 "수 학 심 화 B"처럼 벌어져 보였다(레드팀 06 P1-3). 시각 회귀 기준선은 이 의도적 변경으로 갱신했다.
+
+## 2026-10-02 카피 교정
+
+- 대시보드 표제 "이번 주, 열두 명 중 열 명"(명사로 끝나는 수수께끼 표제)을 "이번 주 현황 · 재학생 10명"으로, "출석부에서 출발한"(무생물 주어) 등 설명 문장을 학원 관리 화면 어휘로 바꿨다.

apps/site/public/work/gaon-lms/index.html

@@ -20,7 +20,7 @@
       content="학원 강사를 위한 학습 관리 화면입니다. 출석, 수강생 기록, 과제 채점, 학사 일정을 한곳에서 살펴볼 수 있습니다."
     />
     <meta property="og:title" content="가온 학적부 · 학습관리 대시보드" />
-    <meta property="og:description" content="출석부에서 출발한 학습관리 대시보드." />
+    <meta property="og:description" content="출석·과제·상담 기록을 한 화면에서 관리하는 학원용 학습관리 대시보드." />
     <meta property="og:type" content="website" />
     <meta name="theme-color" content="#fafafa" />
 
@@ -139,7 +139,7 @@
         <section class="view is-on" id="view-dashboard" aria-labelledby="dash-h" tabindex="-1">
           <header class="view-head">
             <div>
-              <h2 class="v-h" id="dash-h">이번 주, 열두 명 중 열 명</h2>
+              <h2 class="v-h" id="dash-h">이번 주 현황 · 재학생 10명</h2>
               <p class="view-sub">3월 9일 월요일 오전 기준. 명단 12명 중 재학 10명, 주간 출석은 지난 주(3/2–3/6) 결산입니다.</p>
               <p class="panel-note muted" role="note">표시된 수강생·수업·상담 기록은 예시입니다. 이 화면에서 바꾼 내용은 새로고침하면 초기화됩니다.</p>
             </div>
@@ -378,7 +378,7 @@
           <header class="view-head">
             <div>
               <h2 class="v-h" id="att-h">출석부</h2>
-              <p class="view-sub">칸을 누르면 출석 · 지각 · 결석이 순환합니다. 반과 주를 바꿔가며 적습니다.</p>
+              <p class="view-sub">칸을 누를 때마다 출석 → 지각 → 결석 순으로 바뀝니다. 반과 주차를 바꿔 가며 기록하세요.</p>
             </div>
           </header>
 
@@ -530,7 +530,7 @@
           <header class="view-head">
             <div>
               <h2 class="v-h" id="fi-h">자료실</h2>
-              <p class="view-sub">배부 자료의 목록. 배부 여부와 일시를 바로 확인할 수 있습니다.</p>
+              <p class="view-sub">수업 자료 배부 목록입니다. 배부 여부와 일시를 바로 확인할 수 있습니다.</p>
             </div>
           </header>
 
@@ -562,7 +562,7 @@
           <header class="view-head">
             <div>
               <h2 class="v-h" id="cal-h">학사 일정 · 2026년 3월</h2>
-              <p class="view-sub">마감과 휴원을 먼저 보는 달력. 오른쪽은 3월 9일 이후의 일정입니다.</p>
+              <p class="view-sub">마감일과 휴원일을 표시한 달력입니다. 3월 9일 이후 일정은 ‘다가오는 일정’에 따로 모았습니다.</p>
             </div>
           </header>
 

apps/site/public/work/gaon-lms/styles/main.css

@@ -44,7 +44,9 @@ h3 { font-size: var(--step-0); font-weight: 500; }
 
 :where(p, li, td, th, dd, figcaption) { word-break: keep-all; overflow-wrap: anywhere; }
 
-.mono { font-family: var(--font-mono); font-size: var(--font-mono-size); font-variant-numeric: tabular-nums; }
+/* .mono 는 "수학 심화 B · 3/11 마감"처럼 한글이 섞인 줄에도 쓰인다. 등폭 서체에 두면 한글 사이
+   공백이 등폭 셀 너비로 벌어졌다(레드팀 06 P1-3). 숫자 정렬은 본문 서체의 tabular-nums 로 지킨다 */
+.mono { font-family: var(--font-body); font-size: var(--font-mono-size); font-variant-numeric: tabular-nums; }
 .muted { color: var(--muted-foreground); }
 .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
 

apps/site/public/work/gaon-lms/styles/tokens.css

@@ -23,7 +23,9 @@
 
   --font-body: "Pretendard Variable", Pretendard, -apple-system, sans-serif;
   --font-display: "Noto Serif KR", "Pretendard Variable", serif;
-  --font-mono: "JetBrains Mono", ui-monospace, monospace;
+  /* 한글 글리프가 없는 모노 다음에 본문 한글 서체를 둔다. 그래야 "시험 구간"처럼 한글이 섞인 라벨이
+     시스템 등폭 한글로 떨어져 글자 사이가 벌어지지 않는다(레드팀 06 P1-3). 숫자·라틴만 모노로 남는다 */
+  --font-mono: "JetBrains Mono", "Pretendard Variable", Pretendard, monospace;
   --font-mono-size: 0.8125rem;
 
   /* 색 — shadcn zinc 스키마 */