카드를 걷어내고 구조를 비대칭으로

'전체적인 레이아웃이나 카드가 너무 전형적이지 않나요'라는 지적.
정확했다. 유리라는 재질만 바뀌었을 뿐 구조는 카드 나열 그대로였다.
우리 규칙이 이미 그걸 금지하고 있었다.

  layout.md: 벤토는 더 이상 차별화가 아니라 새 기본값이다
  design-taste 4.4: 카드는 elevation 이 진짜 위계를 나를 때만

바꾼 것
- 수치: 벤토 카드 -> 조판. 큰 수치 둘이 왼쪽을 차지하고 나머지는
  오른쪽 열에 목록으로 흐른다. 상자 없음
- 규칙: 2열 카드 -> 어긋난 목록. 홀수 항목은 근거가 한 칸 더 밀린다
- 프리플라이트: 카드 -> 로그. 세로선 하나가 형식을 만든다
- 설치 명령·재료 타일: 액자 제거
- 섹션 제목이 본문 정렬선보다 왼쪽으로 나온다. 같은 양을 전체에서 반복

유리 카드 29개 -> 5개. 정말 떠 있어야 하는 것에만 남겼다.
페이지의 수치와 프리플라이트 로그에도 그대로 적었다.

apps/site/src/i18n/content.ts

@@ -245,7 +245,7 @@ export const ko: Content = {
       { label: "three.js 추가분", value: "185KB", note: "재료 섹션이 가까워질 때만 받는다. 초기 번들에는 없다" },
       { label: "슬롭 지문", value: "0건", note: "9개 패턴 grep" },
       { label: "radius 어휘", value: "2종", note: "10px, 20px. 셸은 파생값" },
-      { label: "반투명 패널", value: "29개", note: "유리가 이 페이지의 주제다. 대신 스크롤 콘텐츠에 필터를 걸지 않고 고정 광원 위에 얹었다" },
+      { label: "반투명 패널", value: "5개", note: "29개까지 늘렸다가 걷어냈다. 유리는 정말 떠 있어야 하는 것에만 남겼다" },
       { label: "타입 단계", value: "5단계", note: "디스플레이는 스케일 밖" },
       { label: "폰트 패밀리", value: "2개", note: "언어판마다 자기 것만 받는다" },
       { label: "강조색", value: "1개", note: "라이트와 다크는 같은 색의 대응값" },
@@ -258,6 +258,11 @@ export const ko: Content = {
     h2: "이 페이지를 만들며 실제로 걸린 것",
     lead: "남을 검사한 결과가 아니라 자신을 검사한 결과다.",
     items: [
+      {
+        caught: "유리 카드를 29개 뿌렸다. 재질만 바뀌었을 뿐 구조는 카드 나열 그대로였다",
+        fixed:
+          "우리 규칙이 '카드는 elevation 이 진짜 위계를 나를 때만'이라고 정해두고 있었다. 수치는 조판으로, 규칙은 어긋난 목록으로, 감사 기록은 로그로 바꿨다. 유리는 5개만 남았다.",
+      },
       {
         caught: "유리에 SVG 굴절을 얹었더니 흐림까지 통째로 사라졌다",
         fixed:
@@ -292,7 +297,7 @@ export const ko: Content = {
         fixed: "그리드의 본문 폭을 토큰에 묶었다. 스킬 문서의 예시 코드도 같이 고쳤다.",
       },
     ],
-    note: "일곱 건 모두 만들면서 걸린 것이고, 걸린 뒤에 고쳤다. 정적 검사로 잡힌 것은 하나도 없다. 전부 실제로 렌더해서 재고 나서야 나왔다.",
+    note: "여덟 건 모두 만들면서 걸린 것이고, 걸린 뒤에 고쳤다. 마지막 한 건은 기계가 아니라 사람이 잡았다. 카드가 전형적이라는 말 한 줄이었다.",
   },
   typography: {
     eyebrow: "한글 조판",
@@ -434,7 +439,7 @@ export const en: Content = {
       { label: "three.js payload", value: "185KB", note: "fetched only as the materials section approaches. Never in the initial bundle" },
       { label: "slop fingerprints", value: "0", note: "9 patterns grepped" },
       { label: "radius vocabulary", value: "2", note: "10px and 20px. The shell is derived" },
-      { label: "translucent panels", value: "29", note: "glass is the subject here. No filter sits on scrolling content, only on top of fixed light" },
+      { label: "translucent panels", value: "5", note: "grew to 29 before being pulled back. Glass stayed only where something has to float" },
       { label: "type scale steps", value: "5", note: "the display size sits outside the scale" },
       { label: "font families", value: "2", note: "each language loads only its own" },
       { label: "accent colours", value: "1", note: "light and dark are the same colour" },
@@ -447,6 +452,11 @@ export const en: Content = {
     h2: "What this page actually got caught on",
     lead: "Not the result of auditing someone else. The result of auditing itself.",
     items: [
+      {
+        caught: "29 glass cards. Only the material had changed. The structure was still a row of cards",
+        fixed:
+          "Our own rule says cards are for when elevation carries real hierarchy. Figures became typography, rules became an offset list, the audit became a log. Five panels of glass remain.",
+      },
       {
         caught: "Adding SVG refraction to the glass removed the blur along with it",
         fixed:
@@ -482,7 +492,7 @@ export const en: Content = {
           "Bound the grid's main column to the token. The skill's own example code was wrong too, so that got fixed as well.",
       },
     ],
-    note: "All seven were caught while building this page, and fixed after being caught. Not one was found by static checking. Every one of them needed a real render and an actual measurement.",
+    note: "All eight were caught while building this page, and fixed after being caught. The last one came from a person, not a checker. One line: the cards look generic.",
   },
   typography: {
     eyebrow: "Your language is probably not Latin",