feat(showcase): 트웬티온스 사이트를 전면 개편한다

2026-08-25 03:50:28 +09:00 · 2026-08-25 03:50:28 +09:00 · 9529e3747c
commit 9529e3747c
parent cb3c323c9f
29 changed files with 8906 additions and 1326 deletions
--- a/apps/site/gate-report.md
+++ b/apps/site/gate-report.md
@ -1,124 +1,21 @@
-# 게이트 리포트 — 2026-08-23 06:40
+# 게이트 리포트 — 2026-08-24 17:12

 **전 항목 통과 — 배포 가능**

 ```
 PASS  L0 정적 — SKIP — checks.static=false
-PASS  gaon-lms 죽은 선택자 — 2개 CSS 전 클래스 사용 중(무시 2접두사)
-PASS  dure-enrollment 죽은 선택자 — 2개 CSS 전 클래스 사용 중(무시 2접두사)
-PASS  gaon-lms 토큰 위생 — 색 0·radius 0 리터럴(토큰 1파일)
-PASS  dure-enrollment 토큰 위생 — 색 0·radius 0 리터럴(토큰 1파일)
-PASS  gaon-lms SEO/meta — title 18자·desc 74자·OG✓·alt 0결
-PASS  gaon-lms/dashboard 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/dashboard h1 1줄
-PASS  gaon-lms/dashboard 수축 없음
-PASS  gaon-lms/dashboard 리듬·트랙
-PASS  gaon-lms/dashboard 대비 AA
-PASS  gaon-lms/students 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/students h1 — SKIP — 요소 없음
-PASS  gaon-lms/students 수축 없음
-PASS  gaon-lms/students 리듬·트랙
-PASS  gaon-lms/students 대비 AA
-PASS  gaon-lms/attendance 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/attendance h1 — SKIP — 요소 없음
-PASS  gaon-lms/attendance 수축 없음
-PASS  gaon-lms/attendance 리듬·트랙
-PASS  gaon-lms/attendance 대비 AA
-PASS  gaon-lms/grades 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/grades h1 — SKIP — 요소 없음
-PASS  gaon-lms/grades 수축 없음
-PASS  gaon-lms/grades 리듬·트랙
-PASS  gaon-lms/grades 대비 AA
-PASS  gaon-lms/files 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/files h1 — SKIP — 요소 없음
-PASS  gaon-lms/files 수축 없음
-PASS  gaon-lms/files 리듬·트랙
-PASS  gaon-lms/files 대비 AA
-PASS  gaon-lms/calendar 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/calendar h1 — SKIP — 요소 없음
-PASS  gaon-lms/calendar 수축 없음
-PASS  gaon-lms/calendar 리듬·트랙
-PASS  gaon-lms/calendar 대비 AA
-PASS  gaon-lms/counsel 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/counsel h1 — SKIP — 요소 없음
-PASS  gaon-lms/counsel 수축 없음
-PASS  gaon-lms/counsel 리듬·트랙
-PASS  gaon-lms/counsel 대비 AA
-PASS  gaon-lms/report 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/report h1 — SKIP — 요소 없음
-PASS  gaon-lms/report 수축 없음
-PASS  gaon-lms/report 리듬·트랙
-PASS  gaon-lms/report 대비 AA
-PASS  gaon-lms/notice 오버플로 — 320/375/390/768/1440
-PASS  gaon-lms/notice h1 — SKIP — 요소 없음
-PASS  gaon-lms/notice 수축 없음
-PASS  gaon-lms/notice 리듬·트랙
-PASS  gaon-lms/notice 대비 AA
-PASS  gaon-lms 스케일×폭 h1 — scales 1/1.3
-PASS  gaon-lms 브랜드 1줄
-PASS  gaon-lms/dashboard 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/students 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/attendance 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/grades 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/files 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/calendar 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/counsel 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/report 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/notice 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  gaon-lms/dashboard 왼쪽 인셋 — 최소 텍스트 시작 16px
-PASS  gaon-lms/students 왼쪽 인셋 — 최소 텍스트 시작 15px
-PASS  gaon-lms/attendance 왼쪽 인셋 — 최소 텍스트 시작 16px
-PASS  gaon-lms/grades 왼쪽 인셋 — 최소 텍스트 시작 16px
-PASS  gaon-lms/files 왼쪽 인셋 — 최소 텍스트 시작 16px
-PASS  gaon-lms/calendar 왼쪽 인셋 — 최소 텍스트 시작 16px
-PASS  gaon-lms/counsel 왼쪽 인셋 — 최소 텍스트 시작 16px
-PASS  gaon-lms/report 왼쪽 인셋 — 최소 텍스트 시작 16px
-PASS  gaon-lms/notice 왼쪽 인셋 — 최소 텍스트 시작 16px
-PASS  dure-enrollment SEO/meta — title 15자·desc 79자·OG✓·alt 0결
-PASS  dure-enrollment/catalog 오버플로 — 320/375/390/768/1440
-PASS  dure-enrollment/catalog h1 1줄
-PASS  dure-enrollment/catalog 수축 없음
-PASS  dure-enrollment/catalog 리듬·트랙
-PASS  dure-enrollment/catalog 대비 AA
-PASS  dure-enrollment/starred 오버플로 — 320/375/390/768/1440
-PASS  dure-enrollment/starred h1 — SKIP — 요소 없음
-PASS  dure-enrollment/starred 수축 없음
-PASS  dure-enrollment/starred 리듬·트랙
-PASS  dure-enrollment/starred 대비 AA
-PASS  dure-enrollment/enrollments 오버플로 — 320/375/390/768/1440
-PASS  dure-enrollment/enrollments h1 — SKIP — 요소 없음
-PASS  dure-enrollment/enrollments 수축 없음
-PASS  dure-enrollment/enrollments 리듬·트랙
-PASS  dure-enrollment/enrollments 대비 AA
-PASS  dure-enrollment/credits 오버플로 — 320/375/390/768/1440
-PASS  dure-enrollment/credits h1 — SKIP — 요소 없음
-PASS  dure-enrollment/credits 수축 없음
-PASS  dure-enrollment/credits 리듬·트랙
-PASS  dure-enrollment/credits 대비 AA
-PASS  dure-enrollment/archive 오버플로 — 320/375/390/768/1440
-PASS  dure-enrollment/archive h1 — SKIP — 요소 없음
-PASS  dure-enrollment/archive 수축 없음
-PASS  dure-enrollment/archive 리듬·트랙
-PASS  dure-enrollment/archive 대비 AA
-PASS  dure-enrollment/notices 오버플로 — 320/375/390/768/1440
-PASS  dure-enrollment/notices h1 — SKIP — 요소 없음
-PASS  dure-enrollment/notices 수축 없음
-PASS  dure-enrollment/notices 리듬·트랙
-PASS  dure-enrollment/notices 대비 AA
-PASS  dure-enrollment 스케일×폭 h1 — scales 1/1.3
-PASS  dure-enrollment 브랜드 1줄
-PASS  dure-enrollment/catalog 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  dure-enrollment/starred 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  dure-enrollment/enrollments 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  dure-enrollment/credits 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  dure-enrollment/archive 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  dure-enrollment/notices 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
-PASS  dure-enrollment/catalog 왼쪽 인셋 — 최소 텍스트 시작 24px
-PASS  dure-enrollment/starred 왼쪽 인셋 — 최소 텍스트 시작 24px
-PASS  dure-enrollment/enrollments 왼쪽 인셋 — 최소 텍스트 시작 24px
-PASS  dure-enrollment/credits 왼쪽 인셋 — 최소 텍스트 시작 24px
-PASS  dure-enrollment/archive 왼쪽 인셋 — 최소 텍스트 시작 24px
-PASS  dure-enrollment/notices 왼쪽 인셋 — 최소 텍스트 시작 24px
+PASS  죽은 선택자 — SKIP — checks.deadCss=false
+PASS  twentyoz-products 토큰 위생 — 색 0·radius 1 리터럴(토큰 1파일)
+PASS  twentyoz-products SEO/meta — title 17자·desc 85자·OG✓·alt 0결
+PASS  twentyoz-products/single 오버플로 — 320/375/390/768/1440
+PASS  twentyoz-products/single h1 1줄
+PASS  twentyoz-products/single 수축 없음
+PASS  twentyoz-products/single 리듬·트랙
+PASS  twentyoz-products/single 대비 AA
+PASS  twentyoz-products 스케일×폭 h1 — scales 1/1.3
+PASS  twentyoz-products 브랜드 1줄
+PASS  twentyoz-products/single 터치타깃 — 컨트롤 ≥44px·인라인 ≥24px
+PASS  twentyoz-products/single 왼쪽 인셋 — 최소 텍스트 시작 20px
 PASS  L3 시각 회귀 — SKIP — checks.visual=false
 PASS  L4 WebKit — SKIP — checks.webkit=false
 ```