8e3cdb0d3b
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.
55 lines
2.5 KiB
CSS
55 lines
2.5 KiB
CSS
/* ==========================================================================
|
|
Synapse BCI Lab — 디자인 토큰 (2026-10 재작업)
|
|
컨셉 한 문장: 연구 동의서처럼 읽히는 신경 인터페이스 개념서 — 권리 조항이
|
|
먼저 오고, 신호는 기록지 한 장으로 그 뒤에 붙는다.
|
|
재작업 이유: 2026-09판은 lumina-optics·pulsegate와 같은 니어블랙 계기판
|
|
템플릿이었다(레드팀 06 P0-1, similarity 0.83). 헤드라인
|
|
"explained clearly"가 정직함을 변명했다(06 P0-2).
|
|
결정:
|
|
- 바탕: 뇌파 기록계(EEG chart recorder) 용지의 옅은 연두. 눈금은 기록계의
|
|
붉은 인쇄선, 신호는 검은 잉크. 니어블랙·웜 오프화이트 어느 쪽도 아니다.
|
|
- 서체: 표제 함렛(Hahmlet), 본문 고운바탕. 조항을 '읽는' 문서라 본문을
|
|
바탕체로 둔다. 모노는 쓰지 않는다.
|
|
- 형태: 문서는 모서리를 굴리지 않는다(radius 0). 구분은 괘선으로.
|
|
- 모션: 기록지만 종이처럼 흘러간다(화면 밖이면 멈춤, 움직임 줄이기면 정지).
|
|
다른 요소는 등장 애니메이션이 없다.
|
|
하지 않은 것: 두뇌 일러스트, 사이버 글로우, 'superhuman' 카피, 채널 수 자랑.
|
|
========================================================================== */
|
|
|
|
:root {
|
|
/* 타입 — 표제 최대 76px ÷ 본문 18px ≈ 4.2배 */
|
|
--step--1: 0.875rem;
|
|
--step-0: 1.125rem;
|
|
--step-1: 1.3125rem;
|
|
--step-2: clamp(1.625rem, 1.3rem + 1.4vw, 2.375rem);
|
|
--step-3: clamp(2.25rem, 1.3rem + 4vw, 4.75rem);
|
|
|
|
--leading-tight: 1.22;
|
|
--leading-normal: 1.85;
|
|
|
|
--font-display: "Hahmlet", "Gowun Batang", serif;
|
|
--font-body: "Gowun Batang", "Hahmlet", serif;
|
|
|
|
--surface: #dbe5cb; /* 기록지 연두 */
|
|
--surface-raised: #e8eedd; /* 표·조항 면 */
|
|
--ink: #17201a;
|
|
--ink-muted: #3d4a3f; /* 바탕 대비 ≈7:1 */
|
|
--grid: #d88f7f; /* 기록지 인쇄 눈금 — 선 전용 */
|
|
--accent: #a3271c; /* 기록계 붉은 잉크 — 조 번호·강조 괘선 */
|
|
--plate: #0b0d0c; /* 도판 테두리 */
|
|
|
|
--space-1: 0.25rem;
|
|
--space-2: 0.5rem;
|
|
--space-3: 1rem;
|
|
--space-4: 1.5rem;
|
|
--space-5: 2.5rem;
|
|
--space-6: 4rem;
|
|
--space-7: 6rem;
|
|
--space-8: clamp(4.5rem, 3rem + 6vw, 8rem);
|
|
|
|
--radius: 0;
|
|
|
|
--measure: 40rem;
|
|
--container: 1200px;
|
|
--pad-inline: clamp(1rem, 0.6rem + 2.4vw, 4rem);
|
|
}
|