- OrientKeep the product or section identity and primary navigation in a consistent place.
- FocusGive each page one clear title and group content around user tasks.
- ReflowLet the page adapt to narrow screens without horizontal scrolling for ordinary content.
03 Interface patterns
Patterns
Reusable solutions for common page-level tasks. Patterns combine foundations and components into complete user flows.
Patterns are proposals for review
They should remain flexible enough to serve different VINASIG products while keeping their core interaction clear.
Page structure
Stable navigation, focused content
Keep orientation predictable and let the main task lead each page.
Common situations
Patterns to document next
Forms
Group related inputs, state requirements early, and help users fix errors without losing work.
Empty states
Explain why content is missing and offer a useful next step when one is available.
Loading and errors
Set expectations during longer work and offer a recovery action when something fails.