← Visual Boards
NEXDATAFORGE / VISUAL FOUNDATION
Button Board
Design Language: reference document →
Principle
한 화면에는 하나의 Primary action을 둔다. 라벨은 결과가 아니라 사용자가 실행할 행동으로 작성하고, 위험 행동은 명시적으로 표현한다.
Visual Samples
Foundation tokensUsage
Related componentGood / Avoid
Good
의미와 상태를 분명히 하고, 실제 행동과 연결합니다.
Avoid
장식만을 위해 강조하거나 색·크기만으로 상태를 전달하지 않습니다.
Accessibility
Keyboard focus, 충분한 대비, semantic HTML, 명확한 label, 44px 터치 영역과 320px 화면을 확인합니다.