PatternsP4 본문

패턴

컴포넌트를 조합한 표준 화면 패턴 — Login 정본 1호와 AI Chat · AI Workspace · Dashboard · Admin Console · Settings, 그리고 AI Collaboration OS Core Patterns 5축을 정의합니다.

마지막 업데이트 2026-06-12

패턴은 토큰·컴포넌트 위에 올라가는 표준 화면입니다. WIZ의 모든 UI는 Token → Component → Pattern → Product 순서로 만들어지며, 패턴은 제품이 바로 가져다 조립할 수 있는 재사용 가능한 UI Reference입니다(실제 비즈니스 로직은 포함하지 않습니다).

패턴 원칙#

  • 컴포넌트를 조합하되 새로 만들지 않는다 — 패턴은 06 컴포넌트의 실물을 배치합니다.
  • semantic 토큰만 소비한다 — 패턴 전용 색·수치를 두지 않습니다.
  • 적응형이 기본 — 컨테이너 폭에 따라 레이아웃이 자동 전환됩니다(레이아웃 시스템).
  • 접근성은 출하 조건 — 키보드·스크린리더·비색의존·reduced-motion을 지킵니다(접근성).

Core Patterns — Workspace 5축#

WIZ AI Collaboration OS는 다섯 축(People · Task · Document · Knowledge · Intelligence)으로 구성되며, 모든 제품은 이 Workspace 패턴 5종을 기반으로 설계합니다.

Workspace 패턴중심 제품
People WorkspaceWIZ-FLOW Next
Task WorkspaceWIZ-FLOW Next · WIZ-GOV AI
Document WorkspaceWIZ-DOCS · WIZ-GOV AI
Knowledge WorkspaceWIZON · WIZ-DOCS
Intelligence WorkspaceWIZON · WIZ-GOV AI

AI 협업의 상태·에이전트 표현 표준은 AI 가이드라인이 정본입니다.

패턴 카탈로그#

패턴설명
Login정본 1호 — 적응형 로그인(브랜드 split ↔ 폼 stack)
AI Chat대화형 AI 표면 — 스레드 + 입력 + AI 상태 시각 언어
AI Workspace지식 소스 · 문서 캔버스 · 에이전트 3영역 협업
DashboardKPI bento · 추이 시각화 · 활동 목록
Admin Console사용자·역할·상태 관리 테이블
Settings섹션 내비 + 프로필·알림·환경 폼

레이아웃 기반 규칙(12컬럼 · 52/48 분할)은 레이아웃 시스템에 정의되어 있습니다.