feno-canvas · six families · seven surfaces

설계는 한 벌이 아니다

판단의 종류가 바뀌면 화면의 문법도 바뀐다.

같은 셸에 색만 바꾼 모음이 아니라, 보고·검토·학습·운영·편집 목적에 맞춘 일곱 개 실제 예시다. 각 카드는 검증된 원본 HTML로 연결된다.

7 TEMPLATE SURFACES · OFFLINE-FIRST
Field Manual 출하 전선 검토 예시의 데스크톱 화면
Review · Field Manual

Field Manual

중요도 큐가 읽기 순서를 지배하고 재현·원인·판정을 같은 구조에서 비교하는 신규 검토 디자인.

  • severity queue
  • print-first
  • 390px proof
원본 열기
Boardroom Brief 의사결정 브리프 예시
Report · Boardroom Brief

Boardroom Brief

결론과 실행 판단을 첫 화면에 고정하는 경영진용 의사결정 스트립.

  • decision strip
  • executive
  • printable
원본 열기
Signal Ledger 투자 근거 장부 예시
Report · Signal Ledger

Signal Ledger

수치·차트·출처를 한 장부에 묶어 근거를 되짚을 수 있는 분석형 표면.

  • evidence rail
  • inline SVG
  • source ledger
원본 열기
Lab Notebook 학습 노트 예시
Learning · Lab Notebook

Lab Notebook

본문과 주석 여백을 나눠 계산 과정과 해설을 함께 읽는 학습 노트.

  • annotation margin
  • worked example
  • learning
원본 열기
Studio Essay 장문 에세이 예시
Learning · Studio Essay

Studio Essay

긴 호흡의 논지와 한 번의 반전 구간으로 서사를 이끄는 편집형 에세이.

  • sectional inversion
  • long-form
  • editorial
원본 열기
Pulse Console 실시간 운영 대시보드 예시
Dashboard · Pulse Console

Pulse Console

상태 변화와 임계값을 어두운 운영 무대에서 빠르게 훑는 콘솔형 대시보드.

  • live stage
  • WAAPI
  • operator
원본 열기
Interview Workbench 편집 가능한 면접 질문지 예시
Workbench · Field Manual

Interview Workbench

질문 편집·점수·저장·내보내기를 한 화면에서 수행하는 실제 작업 도구.

  • editable
  • JSON round-trip
  • local state
원본 열기