designpaca/apps/site/public/work/synapse-bci/design.md
Yun Chan 8e3cdb0d3b
Some checks are pending
ci / build (push) Waiting to run
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.
2026-10-06 16:55:50 +09:00

4.9 KiB

Synapse BCI Lab design.md

브리프

  • 무엇을: 64채널 표면 전극 연구가 무엇을 기록하고 무엇을 기록하지 않을지, 데이터 권리와 보고 항목을 먼저 밝히는 신경 인터페이스 연구 개념서.
  • 누구에게: 임상 결과로 오해하지 않고 연구의 경계를 읽어야 하는 일반 방문자·연구 윤리 검토자.
  • 제약: 임상시험·참여자·실제 기기 없음 표기, 시뮬레이션 기록 캔버스(#raster)의 화면 밖 정지와 움직임 줄이기 정지 경로를 유지한다.
  • 기본 언어: 한국어(lang="ko").

2026-10 재작업 이유

2026-09판은 lumina-optics·pulsegate와 같은 니어블랙 계기판 템플릿이었다(유사도 0.83). 표제 "A signal interface, explained clearly"가 정직함을 변명했고, 히어로 본문·메타 3칸·푸터가 같은 면책을 반복했다.

결정표

축 이 브리프의 재료 결정·역할 토큰 기각 조건
은유 연구 참여의 첫 문서는 동의서다. 이 개념서의 고유한 주장은 "권리가 신호보다 먼저"다. 표제 "신호 기록 전에 동의부터 받습니다"(2026-10-02 카피 정리 전 "동의는 신호보다 먼저 기록됩니다"). 장(章) 번호와 번호 조항으로 읽히는 문서 흐름, 가운데 한 단(--measure: 40rem). 문서 흐름이 너무 길어 390 폭에서 기록지가 첫 화면 바로 아래로 밀리면 표제부 여백을 줄인다.
바탕 뇌파 기록계(EEG chart recorder) 용지는 옅은 연두 바탕에 붉은 인쇄 눈금이다. --surface: #dbe5cb, 눈금 --grid: #d88f7f(선 전용), 신호는 검은 잉크, 동기 발화만 붉은 잉크 --accent: #a3271c. 붉은 동기 발화가 임상 이벤트처럼 과장되어 보이면 굵기를 1px로 낮춘다.
신호 64채널 스파이크 래스터는 종이에 찍힌 기록이다. 캔버스를 화면 양끝까지 뻗은 기록지 띠로 바꾸고, 종이처럼 왼쪽으로 흘린다. 첫 장은 이미 기록된 상태로 시작한다. 고밀도 화면에서 drawImage가 dpr 배로 늘어나던 결함을 장치 픽셀 이동으로 고쳤다. 화면 밖에서 계속 그리면 e2e가 실패한다(IntersectionObserver 정지).
타입 조항은 읽는 글이다. 표제 함렛(Hahmlet) 600, 본문 고운바탕 18px·행간 1.85. 모노 없음 — 2026-09판의 모노 메타 칸이 템플릿 지문이었다. 바탕체 본문이 14px 이하로 내려가는 곳(캡션)은 대비 4.5:1 이상인지 확인한다.
보고 측정하지 않은 값은 비워 두는 것이 이 연구의 태도다. 보고 표의 값 열은 전부 —, 셋째 열은 "비워 둔 이유"(참여자 기록 없음·측정 안 함 등). 이유 칸이 다시 면책 문장 반복이 되면 짧은 사실로 줄인다.
형태·모션 문서는 모서리를 굴리지 않는다. --radius: 0, 구분은 괘선. 기록지 외에는 움직이는 것이 없다. —

카피 방향 (2026-10-02)

잠언형 표제("동의는 신호보다 먼저 기록됩니다", "측정하지 않은 숫자를 채우는 순간 이 표는 광고가 됩니다")를 절차를 설명하는 정보 문장으로 바꿨다. 전극이 '읽는다', 판이 '답한다' 같은 무생물 주어 문장은 사람이 하는 일로 다시 쓴다. 조항 제목은 합니다체로 통일한다("연구 목적 외에는 쓰지 않습니다"). 장 번호·괘선 같은 문서 형식은 디자인이 맡고, 문장은 연구 윤리 문서에서 실제로 쓰는 말(동의 절차, 열람 권한, 보관 기간)을 쓴다.

진실 범위

헤더 아래 띠 한 곳이 소유한다("임상시험·참여자·실제 기기가 없으며, 아래 기록지의 신호는 시뮬레이션"). 기록지 캡션의 시뮬레이션은 그림 자체의 속성 표기다. 히어로 본문·표제·조항에는 면책 문구를 넣지 않는다. thread-array.webp는 페이지에서 뺐다(자산 파일은 남긴다).

검증

  • node tools/instrument-showcases-e2e.mjs — #raster 보이는 동안 변화, 화면 밖 정지, 움직임 줄이기 정지.
  • node tools/similarity.mjs — 재작업 엄격 대상.

내비·푸터 결정 (2026-10-06 연장)

  • 내비: 상단 바의 섹션 링크를 빼고 표제부에 녹인 차례(nav.toc)로 바꿨다. 리드 아래에 "차례" 표제와 그림 1 · 제1장 · 제2장 · 제3장 네 줄 — 연구 문서의 목차처럼 번호(붉은 잉크 --accent)·제목·괘선(--grid)만으로 짠다. 상단 바에는 워드마크만 남는다. 분배표의 "표제부 차례 3종" 중 하나다.
  • 푸터: 고지 띠 유지(브랜드 한 줄 + "designpaca 쇼케이스"). 마지막 섹션 .closing이 "기록지로 돌아가기"로 행동을 끝낸다.

변경 기록

  • 2026-10-06 연장: 상단 바 내비 → 표제부 차례. 토큰·서체·표제부 구도·기록지 캔버스·조항·푸터는 그대로.