Carbon Design System

Carbon Design System / 2015– / 양식 / 플랫폼 화면 언어

IBM의 데이터 중심 기업 제품 시스템으로, 엄격한 그리드와 IBM Plex 서체, 조밀한 컴포넌트를 결합해 복잡한 작업을 읽기 쉽게 유지한다.

Carbon Design System — IBM Carbon — UI-shell usage example from the archived official documentation — Carbon Design System contributors / Apache-2.0
IBM Carbon — UI-shell usage example from the archived official documentation — Carbon Design System contributors / Apache-2.0 · Apache-2.0
Carbon Design System — IBM Carbon — annotated data-table anatomy from the archived official documentation — Carbon Design System contributors / Apache-2.0
IBM Carbon — annotated data-table anatomy from the archived official documentation — Carbon Design System contributors / Apache-2.0 · Apache-2.0
Carbon Design System — AI가 생성한 해석 이미지 1
AI가 생성한 해석 이미지입니다. 참고 작품이 아닙니다

한눈에 판단

시각적 특징

  • IBM Plex와 강한 타이포그래피 위계
  • 흰색 또는 짙은 회색 작업 면
  • 조밀한 표, 필터, 측면 탐색
  • 동작과 초점에만 쓰는 파랑

적합한 용도

  • Enterprise software with many states and permissions
  • Keeping analytics, operations and forms coherent across products

이 양식 사용하기

짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.

자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식

사전 항목

타이포그래피
Use IBM Plex with compact labels and a clearly stepped hierarchy.
구성
Anchor dense modules to a 2x grid and keep navigation, work and detail zones distinct.
재료
Build with neutral layers, fine borders and blue only for interaction.
주의
Plex and blue do not make a product Carbon. Density, states and grid behavior must follow the same system.
더 읽을거리
Carbon 2x grid / IBM Plex / Component status and accessibility

관련 항목

플랫폼 화면 언어 더 보기

플랫폼 화면 언어에서 공통 인상이 많은 항목을 우선해 골랐습니다.

플랫폼 화면 언어 전체 보기

이 항목을 인용하기

사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.

Link
https://indexstyle.org/ko/styles/carbon-design-system
Markdown
[Carbon Design System — IndexStyle](https://indexstyle.org/ko/styles/carbon-design-system)
HTML
<a href="https://indexstyle.org/ko/styles/carbon-design-system">Carbon Design System — IndexStyle</a>

색인의 원래 위치로