TeamWicked Design System / 관리·검증

Carbon 채택 대응표

공개 규정의 어느 부분을 우리 문서에 채택하고 변형했는지 추적합니다.

적용 범위: TeamWicked 자체 브랜드·웹사이트. 호스팅 제품의 외형은 포함하지 않습니다. 공통 동작 규칙을 재사용하며, 다른 체계의 사례는 비교 근거일 뿐 스타일 상속이 아닙니다.

채택 방식

원문 문장을 그대로 번역해 복제하는 대신, 우리 업무에 적용할 행동 규칙을 한국어로 재작성했습니다. 출처의 개념·분류·접근성 원칙은 최대한 활용하지만 Carbon의 색상·글꼴·정확한 치수·모서리·아이콘·브랜드·그라데이션·CSS·React 런타임은 채택하지 않았습니다.

표의 “적용”은 문서 기준을 작성했다는 뜻이며 제품이 준수한다는 인증이 아닙니다. Carbon의 모든 페이지·규칙을 전부 이식했다는 의미도 아닙니다.

공개 자료 대응표

Carbon 공개 원문 우리 문서 처리
components/button/usage component-selection, document-template, button 사용·행동 원칙 재작성
components/link/usage link 사용·행동 원칙 재작성
components/text-input/usage text-input 사용·행동 원칙 재작성
components/number-input/usage number-input 사용·행동 원칙 재작성
components/checkbox/usage checkbox 사용·행동 원칙 재작성
components/radio-button/usage radio-button 사용·행동 원칙 재작성
components/toggle/usage component-selection, toggle 사용·행동 원칙 재작성
components/select/usage component-selection, select 사용·행동 원칙 재작성
components/dropdown/usage dropdown 사용·행동 원칙 재작성
components/search/usage search 사용·행동 원칙 재작성
components/form/usage form 사용·행동 원칙 재작성
components/modal/usage destructive-actions, modal 사용·행동 원칙 재작성
components/notification/usage notification 사용·행동 원칙 재작성
components/data-table/usage data-table 사용·행동 원칙 재작성
components/pagination/usage pagination 사용·행동 원칙 재작성
components/tabs/usage component-selection, tabs 사용·행동 원칙 재작성
components/accordion/usage accordion 사용·행동 원칙 재작성
components/breadcrumb/usage breadcrumb 사용·행동 원칙 재작성
components/tooltip/usage tooltip 사용·행동 원칙 재작성
components/popover/usage popover 사용·행동 원칙 재작성
components/tag/usage tag 사용·행동 원칙 재작성
components/tile/usage tile 사용·행동 원칙 재작성
components/file-uploader/usage file-uploader 사용·행동 원칙 재작성
components/progress-bar/usage progress-bar 사용·행동 원칙 재작성
components/progress-indicator/usage progress-indicator 사용·행동 원칙 재작성
components/code-snippet/usage code-snippet 사용·행동 원칙 재작성
components/overflow-menu/usage overflow-menu 사용·행동 원칙 재작성
components/tree-view/usage tree-view 사용·행동 원칙 재작성
components/ai-label/usage ai-patterns, ai-label 조건부 채택 · 외형 제외
components/content-switcher/usage content-switcher 사용·행동 원칙 재작성
guidelines/accessibility/overview accessibility, testing 사용·행동 원칙 재작성
guidelines/accessibility/keyboard accessibility 사용·행동 원칙 재작성
guidelines/accessibility/color color, accessibility 사용·행동 원칙 재작성
guidelines/content/action-labels content 사용·행동 원칙 재작성
guidelines/content/writing-style content 사용·행동 원칙 재작성
guidelines/carbon-for-ai/index overview, ai-patterns 조건부 채택 · 외형 제외
elements/color/usage tokens, color 역할·사용 원칙 채택 · 제품 값 유지
elements/themes/overview tokens 역할·사용 원칙 채택 · 제품 값 유지
elements/typography/overview typography 역할·사용 원칙 채택 · 제품 값 유지
elements/spacing/overview tokens, layout 역할·사용 원칙 채택 · 제품 값 유지
elements/2x-grid/usage layout 역할·사용 원칙 채택 · 제품 값 유지
elements/motion/overview motion 역할·사용 원칙 채택 · 제품 값 유지
elements/icons/usage icons 역할·사용 원칙 채택 · 제품 값 유지
patterns/forms-pattern/index form-validation, billing 사용·행동 원칙 재작성
patterns/login-pattern/index authentication 사용·행동 원칙 재작성
patterns/disabled-states/index disabled-readonly 사용·행동 원칙 재작성
patterns/read-only-states-pattern/index disabled-readonly 사용·행동 원칙 재작성
patterns/empty-states-pattern/index states 사용·행동 원칙 재작성
patterns/loading-pattern/index motion, states, telemetry 사용·행동 원칙 재작성
patterns/notification-pattern/index states 사용·행동 원칙 재작성
patterns/filtering/index search-filtering 사용·행동 원칙 재작성
patterns/search-pattern/index search-filtering 사용·행동 원칙 재작성
patterns/overflow-content/index typography 사용·행동 원칙 재작성
patterns/status-indicator-pattern/index color, telemetry 사용·행동 원칙 재작성
patterns/common-actions/index destructive-actions, billing 사용·행동 원칙 재작성

명시적으로 바꾼 부분

  • Carbon의 페이지당 primary 하나 원칙은 독립 작업 영역이 있는 관리 화면에서 ‘한 작업 영역의 주 행동 하나’를 기본으로 조정했습니다. 예외는 기록합니다.
  • Carbon의 2x Grid·폰트·버튼 높이 대신 기존 제품별 토큰·반응형 계약을 기록합니다.
  • 긴 값 원문은 hover-only 설명에 한정하지 않고 키보드·터치 열람·복사를 요구합니다.
  • 로그인 표현은 한국어 제품 문맥에 맞게 작성하며 IBM 계정/URX 흐름을 가져오지 않습니다.
  • AI의 설명 가능성·사용자 통제는 채택하되 발광·그라데이션을 일반 장식에 사용하지 않습니다.
  • 결제·서버 변경·티켓·실시간 데이터의 규칙은 TeamWicked 업무 제약을 추가한 자체 규정입니다.

제외·후속 범위

IBM 내부 전용 자료, IBM 상표·로고, 별도 라이선스 미확인 이미지·폰트·Figma 파일은 복사하지 않았습니다. 날짜 선택기·slider·복합 메뉴·추가 chart 패턴 등은 보완 목록의 후속 범위입니다. 출처 링크를 달았다고 미작성 항목을 완성으로 처리하지 않습니다.

고지

원문은 Carbon Design System/해당 기여자의 자료이며 확인한 저장소 LICENSE는 Apache-2.0입니다. LICENSE 전문은 licenses/Carbon-Apache-2.0.txt, 수정·재작성 범위는 THIRD_PARTY_NOTICES.md에 보존합니다. IBM과의 제휴·공식 인증을 주장하지 않습니다. 원래 제품 소스와 상업 테마의 권리를 이 문서의 라이선스로 변경하지 않습니다.

출처와 적용 범위

원본 확인 범위와 운영 적용 여부를 구분합니다. 실행형 예제의 동작 확인은 모든 운영 화면의 접근성 검증을 의미하지 않습니다.

Markdown 원본 다운로드