← Visual Boards

NEXDATAFORGE / VISUAL FOUNDATION

Data State Pattern Board

Pattern v1.0Visual Preview: AvailableTables, lists, and dashboardsUpdated 2026-08-05

Design Language: reference document →

Principle

Data states preserve the surrounding structure while communicating what is available, what is changing, and how to recover.

Table state flow

Pattern v1.0
Project inventory
NameStatusUpdated
Project AtlasReady1h ago
Store operationsIn progress2h ago
AI analysisReady3h ago
Page 1 of 4

Accessibility Notes

Pattern v1.0

State changes are expressed with text and structure, refresh has an explicit action, and table headings remain available when data is loaded.

Visual Samples

Foundation tokens

Usage

Loading · Loaded · Empty · Error · Refresh

Good / Avoid

Good

의미와 상태를 분명히 하고, 실제 행동과 연결합니다.

Avoid

장식만을 위해 강조하거나 색·크기만으로 상태를 전달하지 않습니다.

Accessibility

Keyboard focus, 충분한 대비, semantic HTML, 명확한 label, 44px 터치 영역과 320px 화면을 확인합니다.

Project Application · Bidme

Bidme preview is next.