feat: strengthen design skill and refresh all showcases

apps/site/public/work/synapse-bci/design.md

@@ -0,0 +1,27 @@
+# Synapse BCI Lab design.md
+
+## 브리프
+
+- 무엇을: 시뮬레이션 신호와 연구 보고·윤리 경계를 설명하는 개념 페이지.
+- 누구에게: 임상 결과로 오해하지 않고 신호·제한·보고 필드를 읽어야 하는 방문자.
+- 제약: no clinical/participant data 표기, 조작 동작, 정적 reduced-motion 경로를 유지한다.
+
+## 결정표
+
+| 축 | 관찰과 적용 범위 | 결정·역할 토큰 | 기각 조건 |
+|---|---|---|---|
+| 구도 | 기준 화면의 메타·래스터·장치·윤리 구분이 약했다. | 세 상태 메타, 장치 설명 레일, 윤리 항목 레일을 역할별로 나눈다. `--line`, `--accent-dim`, `--space-4`. | 레일이 제목이나 상태 문구를 분절해 읽기 순서를 해치면 제거한다. |
+| 타입 | 연구 한계와 범례가 13px 아래로 약해지면 사실 범위가 묻힌다. | 메타·래스터 머리말·범례를 `--step--1` 이상으로 둔다. | 좁은 폭에서 메타가 지나치게 길어져 제목이나 행동을 밀면 행 분리한다. |
+| 색 | 스파이크는 신호 표면의 주체이고 경계선은 보조다. | `--accent`, `--accent-dim`, `--line`으로 스파이크·시뮬레이션 범례·레일을 구분한다. | 밝은 스파이크가 임상 결과처럼 읽히거나 범례보다 과장되면 밝기를 낮춘다. |
+
+## 근거와 경계
+
+[art-direction.md](../../../../../packages/skill/references/art-direction.md)의 Hofmann 관련 군집 관찰은 신호/메타/윤리 표면을 나누는 데만 적용했다. [typography.md](../../../../../packages/skill/references/typography.md)의 Ruder 관련 실제 상태·숫자 proof는 13px 이상 메타와 표에만 적용했다. [visual-design-lineage.md](../../../../../packages/skill/references/visual-design-lineage.md)의 Albers 관련 색 맥락은 금색 신호와 어두운 바탕의 구분에만 적용했다. 이는 학습·임상 성능 근거가 아니다.
+
+[trustworthy-showcases.md](../../../../../packages/skill/references/trustworthy-showcases.md)에 따라 시뮬레이션 표기는 래스터와 인접하게, no clinical/participant data 표기는 기존 가까운 문맥에 유지한다.
+
+## 2026-09-12 현재 검증 기록
+
+- `verify-final` 18개 묶음은 16개가 즉시 통과했다. 전체 묶음의 invariant·visual 검사는 Gaon·Dure를 대상으로 하며, 나머지 2개는 수정 뒤 release 독립 재실행에서 ALL PASS·ALL MATCH였다.
+- root는 28개 모바일, 21개 데스크톱, 7개 하위 경로와 30개 앱 상태를 직접 검토해 수용했다. stress 112건은 hard failure 0이며, 가로 넘침 4건은 targeted fix 뒤 390px 재측정에서 0이다.
+- 이 기록은 렌더·계약 범위의 현재 결과다. 모든 폭·키보드 경로·인쇄 등 개별 기능을 완전 재실행했다는 뜻이 아니며, 참여자 과업 효과도 미측정이다.