NEXDATAFORGE / VISUAL FOUNDATION

AI Component Board

Foundation v1.0Visual Preview: AvailableA4 · Product ExperienceUpdated 2026-08-05

Principle

AI는 결정을 대신하지 않고 요청을 이해하고, 누락을 질문하고, 결과를 비교하고, 다음 행동을 준비한다. AI임을 구분하되 제품 경험에서 과도하게 튀지 않게 한다.

✦

무엇을 도와드릴까요?

원하는 서비스를 말하거나 직접 입력해 주세요.

희망 방문 시간을 알려주세요.

✓

요청 내용을 정리했어요.

강남구 · 프로필 사진 · 오늘 오후 · 1명

Thinking · 요청 내용을 정리하고 있어요…Warning · 추가 비용이 발생할 수 있어요.Fallback · 직접 조건을 확인해 주세요.

--ndf-ai-surface
--ndf-ai-border
--ndf-ai-primary

Greeting · Question · Summary · Recommendation

Good

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

Avoid

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

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

Bidme preview is next.