← Visual Boards

NEXDATAFORGE / VISUAL FOUNDATION

Display Board

Component v1.1Production Preview: AvailableCore information / Website componentsUpdated 2026-08-05

Design Language: reference document →

Principle

Information surfaces remain scannable across product and website contexts. Stage 3 adds only the small primitives needed before website section patterns: Badge and Stat.

Cards, status, and list

Component v1.0
SuccessNeeds reviewErrorAnalyticsSelected ×
ND
A
B
+3
Recent requestsToday, 09:42
Dataset inventoryYesterday
Divider and list itemView →

Website production primitives

Component v1.0
Section labelNewFeaturedBetaLimited
10+ProjectsReusable case studies.
99.9%AvailabilityMeasured service target.
24/7SupportCoverage statement.

Website composition reuse

Component v1.0

Pattern-later decisions

Component v1.0
Marketing cards stay section-ownedFAQ uses Stage 4 pattern firstLogo cloud stays section patternTestimonials stay section patternMobile nav can reuse Drawer

Accessibility Notes

Component v1.0

Badge text must not rely on color alone when it carries status. Stat values keep label text adjacent for screen-reader order. Website forms reuse labeled Product Core fields and semantic buttons.

Visual Samples

Foundation tokens

Usage

Card / Badge / Stat / Chip / Avatar / List

Good / Avoid

Good

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

Avoid

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

Accessibility

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

Project Application · Bidme

Bidme preview is next.