feat(site): rework 19 marketing showcases for composition diversity
Some checks are pending
ci / build (push) Waiting to run

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.
This commit is contained in:
Yun Chan 2026-10-06 16:55:50 +09:00
parent 88c11682b1
commit 8e3cdb0d3b
296 changed files with 19131 additions and 17538 deletions

View file

@ -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); }
:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; border-radius: var(--radius-xs); }
@ -754,7 +756,7 @@ kbd {
/* ── 터치 타깃 — M3 48dp·HIG 44pt 정신의 44px 하한(coarse 포인터에서만) ── */
@media (pointer: coarse) {
.chip, .give-btn, .btn-line { min-height: 44px; }
.icon-btn, .bell, .modal-close { width: 44px; height: 44px; }
.icon-btn, .modal-close { width: 44px; height: 44px; }
.btn-primary, .btn-star { min-height: 44px; }
#q { min-height: 44px; }
}