본문으로 건너뛰기
Centralby 디자인 시스템

원칙

사실·추정·본인 진술

원문에서 읽은 것, 시스템의 추정, 사용자가 쓴 것을 구분하는 법. 근거 상태 기계를 직접 움직여 보고 신뢰 어휘 7종을 4개 언어로.

세 가지 말

원문에서 확인한 것, 시스템의 추정, 사용자의 진술을 구분한다. 메일 수신은 기여의 증명이 아니고, 일정 초대는 참석의 증명이 아니다.

사실 (원문)

원문에서 읽은 것. 카드에는 라벨이 없다 — 출처 줄이 곧 증거다.

Gmail · 3월 4일 오후 2:20

추정 (시스템)

시스템이 자료의 관계나 의미를 해석해 제안한 것. 점선과 “추정” 라벨.

추정

이 일정과 메일 3개는 같은 프로젝트일 수 있다

본인 진술 (사람)

사용자가 직접 적은 기억. 출처 아이콘 자리를 연필이 대체한다. 근거를 되찾은 결과로 세지 않는다.

직접 작성 · 3월 4일

  • 이렇게 하지 않기“사용자가 확인함”과 “외부 근거로 입증됨”을 같은 표시로 쓰지 않는다.
  • 이렇게 하지 않기원문 하나가 개인 역할 전체를 입증하는 것처럼 보이게 하지 않는다. AI 설명을 원문과 대조해도 의미나 기여가 증명되지는 않는다.
  • 이렇게시스템의 행위 동사는 “읽음 / Scanned / 已读取 / Leído” 하나뿐이다. “검토”는 사람에게만 쓴다.

두 축

신뢰는 두 축으로 저장한다. 축 1은 주장마다 “누가 말했나”(추정 · 직접 작성 · 내가 검토함). 축 2는 주장과 원문 연결마다 “원문과 맞나”(원문 일치 · 원문 열 수 없음 · 검토 필요 · 다시 검토함). 사람이 추정 문장을 검토해도 축 2는 바뀌지 않고, 문장을 고치면 그 문장의 원문 일치는 검토 필요로 돌아간다 — 새 문장은 아직 아무것과도 비교되지 않았기 때문이다.

불변식
#규칙
1원문 일치로 가는 길은 처음 읽기(일치) 하나뿐이다.
2두 축은 서로를 읽지도 쓰지도 않는다.
3상태는 sourceId로 한 곳에 저장한다. 같은 원문은 모든 화면에서 같은 상태다.
4접근이 돌아와도 검토 필요까지만 간다. 자동으로 확인되지 않는다.
5“다시 검토함”은 reverified{at, prevState}로 따로 보존하고, 카드에서는 원문 일치와 같게 보인다.
6다시 검토는 연결 하나씩만. 일괄 처리는 없다.

근거 상태 기계

원문 접근은 바뀔 수 있다. 대표 흐름은 확인됨 → 접근 불가 → 접근 복구 후 재검토 필요 → 재확인됨이다.

실제 컴포넌트: 직접 움직여 보기: 원문 하나 · 주장 둘

✕ 바로 돌아가지 않음접근 끊김 (시스템)접근 복구(시스템)다시 검토함 (사람만)원문 바뀜 · 문장 고침원문 일치● 지금원문 열 수 없음검토 필요다시 검토함어느 상태든 접근이 끊기면 → 원문 열 수 없음

시스템 사건

사람의 행동

지금 상태
무엇값화면에 보이는 것
주장 1 · 축 1 (누가 말했나)inferred추정
주장 1 ↔ 원문 · 축 2verified원문 일치
주장 2 ↔ 같은 원문verified원문 일치
카드 (예외만)inferred추정
위젯 Snone—
  • 가이드 초안을 작성했다

    추정

근거 이력

  1. 시스템읽음

    원문 일치

“다시 검토함”은 카드에서 “원문 일치”와 똑같이 보이고 이력에서만 구분된다. 접근이 돌아와도 자동으로 확인되지 않는다.

src/design/logic/evidence.ts의 transition()을 그대로 부른다. 화면이 상태를 계산하지 않는다. 거절되는 사건도 눌러 보라.

표면별 노출

검토를 모든 곳에 요구하면 자동화가 새 일을 만든다. 그래서 표면마다 보이는 양을 정했다. 작은 표면일수록 예외만.

표면별 노출 수준
표면보이는 것예
위젯 S예외 2종만: 검토 필요, 원문 열 수 없음. 작아도 생략하지 않는다검토 필요
위젯 M/L, 목록 행, 카드출처 줄 + 예외 라벨 1개(우선순위: 원문 열 수 없음 > 검토 필요 > 추정)추정
상세문장마다 ClaimRow(선 문법 + 라벨), 근거 카드, 7종 전체내가 검토함
상세 이력내가 검토함, 다시 검토함, 접근 변화 시각다시 검토함

신뢰 어휘 7종

라벨은 이 7개뿐이다. 13px 한 줄, 카드 안쪽 256px(320 화면) 기준 es 22자 이하. 4개 언어 표기를 모두 보여 준다(현재 언어와 상관없이).

신뢰 어휘 (catalog-copy §2)
상태koenzh-Hanses표시카드상세
verified원문 일치Matches source与原文一致Igual al original원문 일치출처 줄만●
inferred추정Inferred推测Inferido추정라벨 + 점선●
self-stated직접 작성Written by you本人填写Escrito por ti직접 작성출처 줄 자리에 연필●
user-reviewed내가 검토함Reviewed by you本人已核对Revisado por ti내가 검토함없음●
source-unavailable원문 열 수 없음Source unavailable无法打开原文Original no disponible원문 열 수 없음라벨 (위젯 S 포함)●
needs-review검토 필요Needs review需要核对Requiere revisión검토 필요라벨 (위젯 S 포함)●
reverified다시 검토함Reviewed again已再次核对Revisado de nuevo다시 검토함없음 (원문 일치와 같음)이력에서만

출처 줄 형식

  • [아이콘] Gmail · 3월 4일 14:20 / Gmail · Mar 4, 2:20 PM / Gmail · 3月4日 14:20 / Gmail · 4 mar, 14:20. 올해는 연도 생략.
  • 직접 작성: [연필] 직접 작성 · 3월 4일 — 출처 자리에. 같은 줄에 두 출처는 없다.

색 없는 표시 문법

구분 수단은 선 · 아이콘 · 라벨 · 위치 네 가지이고 색은 다섯 번째 보강이다. 넷 중 셋이 사라져도(흑백 인쇄, forced-colors, 스크린리더) 의미가 남아야 한다. 선은 배경이 아니라 border로 그린다 — forced-colors에서도 남는다.

선 문법
구분선라벨스크린리더
원문 사실실선 2px카드 없음, 상세 “원문 일치”“Gmail, 3월 4일 14시 20분 원문”
자동 추정점선 (3px 선 · 3px 틈 이상)추정“추정: …” 접두
본인 진술선 없음 + 연필직접 작성 · 날짜라벨 그대로
원문 열 수 없음끊긴 선원문 열 수 없음라벨 그대로
검토 필요실선 + 머리 표식검토 필요라벨 그대로

labelForSurface() cardTrustDisplay() detailHistory() — ✓ reverified → card = none

근거 문서: PRODUCT_BRIEF.md 철학 2·근거 상태 · contracts/evidence.md · src/design/logic/evidence.ts · copy/catalog-copy.md §2 · round-2/wei-ting.md §2 · foundation/visual-direction.md §9