Quiet Instrument · Wbeen Design System 01

WBDS 01

제품 UI와 AI·Agentic 경험을 같은 원칙 아래 설계하기 위한 개인 디자인 시스템입니다.

보이는 스타일만 모으지 않습니다. 재사용 가능한 컴포넌트와 제품 패턴, 상태·근거·승인처럼 AI가 개입하는 인터페이스의 행동 계약까지 함께 정리합니다.

Getting Started

Quiet Instrument

화면을 과장하지 않고, 사용자가 해야 할 일과 상태를 분명하게 드러냅니다.

Tactile command

행동은 장식보다 손에 잡히는 조작감과 명확한 위계로 구분합니다.

Evidence-aware AI

AI의 실행 상태, 근거, 불확실성, 승인과 인간의 인수를 서로 다른 정보로 다룹니다.

Explore WBDS 01

WBDS는 제품을 만드는 Building Blocks와, 그것들을 결합해 문제를 푸는 Compositions를 분리합니다.

Building Blocks

Foundation, Component, Utility처럼 제품을 만드는 재료와 도구입니다.

색, 타입, 형태, 공간, 테마와 움직임의 기본 언어를 확인합니다.

재사용 가능한 UI와 AI·Agentic 인터페이스 계약을 탐색합니다.

여러 화면에서 반복해 쓰는 구현 보조 기능과 helper를 확인합니다.

Compositions

Pattern, Screen, Example처럼 재료를 결합해 문제를 푸는 구조와 적용 증거입니다.

여러 Component를 결합해 반복 가능한 작업 구조와 행동 규칙을 확인합니다.

Screens

여러 Pattern을 조합한 화면 수준의 archetype을 확인합니다.

Planned

Examples

실제 consumer 적용 결과를 evidence로 확인합니다.

Planned