WBDS 01
WBDS 01 DOCUMENTATION

Browse the system

Navigation loads from the WBDS 01 Docs manifest.
WBDS 01 SEARCH

Find documentation

Type to search the WBDS 01 documentation hierarchy.
Getting Started

Getting Started

WBDS가 어떤 시스템인지 짧게 이해하고, 원칙·운영 기준·접근성·성숙도·도입 방법을 따라가기 위한 시작점입니다.

Explore WBDS

필요한 추상화 수준에 따라 부품 또는 결합체에서 시작하세요.

Building Blocks

Foundations, Components, Utilities는 제품을 만드는 재료와 도구입니다.

01
Foundations

모든 디자인 요소의 기반이 되는 가장 원자적인 시각·동작 언어를 다룹니다.

02
Components

사용자 인터페이스를 구성하는 재사용 가능한 독립 UI 단위를 분류하고 연결합니다.

03
Utilities

제품 기능 자체보다 구현을 돕는 재사용 기능을 다룹니다. utility component, 함수·hook·helper class처럼 여러 화면에서 반복해 쓰는 기능을 실제 WBDS source가 있을 때만 공개합니다.

Compositions

Patterns, Screens, Examples는 재료를 결합한 구조와 실제 적용 evidence입니다.

04
Patterns

반복되는 제품 작업을 여러 컴포넌트로 조합하는 상위 구조입니다. Workbench, Editorial, Utility, AI Composition은 같은 화면의 스타일 변형이 아니라 서로 다른 작업 방식입니다.

05
Screens

여러 Pattern을 조합해 반복 가능한 화면 수준의 구조를 설명합니다. 실제 화면 archetype이 consumer evidence로 검증되기 전에는 canonical Screen을 만들지 않습니다.

Planned
06
Examples

실제 또는 준실제 consumer 적용 사례를 보여주는 evidence layer입니다. Example은 규범이 아니며 generalization gate를 통과한 내용만 Component나 Pattern으로 승격합니다.

Planned

Learn

WBDS가 무엇을 중요하게 여기고 어떻게 만들어지는지 이해합니다.

Principles

WBDS의 네 가지 핵심 모티프와 여덟 가지 설계 원칙을 통해 판단 기준을 이해합니다.

License Planned
How to build Design System

WBDS의 source ownership, Docs 구조, build 순서와 documentation governance를 정합니다.

Quality & Governance

접근성, anti-slop, 성숙도와 변경 이력을 통해 품질 기준과 판단 근거를 확인합니다.

Accessibility

Accessibility를 사후 QA가 아니라 component behavior와 acceptance의 일부로 다룹니다.

Anti-slop

반복적인 AI-slop 표현과 구조를 피하기 위한 blocking/review 기준입니다.

Maturity & Changelog

WBDS의 maturity level과 현재 checkpoint, 다음 consumer-validation 단계를 구분합니다.

Journey

현재 선택에 이르기까지의 decision history와 preserved review evidence를 기록합니다.

Adopt & Reference

제품 적용 방법과 외부 참고 근거를 확인합니다.

Adoption & Contributing

WBDS를 제품에 적용할 때 어디서 시작하고 무엇을 확인한 뒤 범위를 넓힐지 정리합니다.

References

외부 design system과 Wbeen-owned evidence를 어떤 수준으로 참고하는지 provenance를 기록합니다.