← Visual Boards
NEXDATAFORGE / VISUAL FOUNDATION
Workflow Pattern Board
Design Language: reference document →
Principle
Workflows show progress, preserve user control, and make review and completion states explicit. All movement is local preview behavior.
Step wizard and completion
Pattern v1.0STEP 1 OF 4
Basic information
Complete this step before continuing to keep the workflow clear.
Destructive flowDelete project requires explicit confirmation and separates danger from primary actions.
Accessibility Notes
Pattern v1.0Current, completed, and upcoming steps are visually distinct and labelled. The destructive action is separated from the primary workflow.
Visual Samples
Foundation tokensUsage
Wizard · Review · Save · Destructive · SuccessGood / Avoid
Good
의미와 상태를 분명히 하고, 실제 행동과 연결합니다.
Avoid
장식만을 위해 강조하거나 색·크기만으로 상태를 전달하지 않습니다.
Accessibility
Keyboard focus, 충분한 대비, semantic HTML, 명확한 label, 44px 터치 영역과 320px 화면을 확인합니다.