Mobile first
Cellphone use is the default design case; wider layouts enhance rather than replace it.
Tableau de Bord
BrixFax interface system
UI Overview
The working home for the new BrixFax interface. Decisions are recorded here first, tested in isolation, and then applied progressively to real application pages.
Working principles
Reusable, centralized, and lightweight
Shared behavior, presentation, and configuration should have one source of truth. Prefer reusable components and central tokens, but avoid unnecessary database reads, client JavaScript, and runtime indirection.
Calm application UI
Public and everyday areas should feel clear, friendly, and spacious without decorative excess.
Efficient operational UI
TDB tools may remain denser, while sharing the same typography, controls, states, and visual language.
Work areas
Catalog All/Mine visibility
Scenario controls for showing the Catalog ALL/MINE selector and choosing its signed-in default on Products, EANs, and Prices.
Open Catalog All/Mine visibilityFoundation
Design tokens, typography, spacing, surfaces, responsiveness, and accessibility rules.
Open FoundationComponents
Reusable controls and structural components with live examples and implementation notes.
Open ComponentsPatterns
Repeatable combinations for headings, lists, forms, filters, empty states, and operational workspaces.
Open PatternsPreview
Realistic page compositions used to review the new interface before production pages change.
Open PreviewImplementation order
- Agree the foundation and name the design variables.
- Standardize the smallest reusable components.
- Combine them into approved page patterns.
- Review realistic full-page previews in all interface modes.
- Apply the system first to Shopping Lists, then the catalogue, then operational tools.