Digital · Web
The site is the sheet, scrolled.
Web pages use the same devices as print and social: the info block becomes the booking bar, spec cells become service facts, plans explain services, and one red marker — the active state — guides the eye.
Guideline
From guidelines/17-digital-ui.md
Principle
Components are containers for facts.
Rule
Build only from tokens and .msz-* components. Radius 0 (2 px inputs/chips). One primary button, one red signal per view. Error = red border + black text.
When to use
Website, booking, member portal.
When not to use
Social artwork.
Do
- Visible focus on everything
- Status text with every colour
Don’t
- Pills, card shadows
- Red links or red error text
ExampleSee board Web (15), components (16, 22).
The board
Home hero, service page, branch page, article page EN/AR, article cards, mobile booking journey
Loading board
The official board from the package, rendered live. Use “Open full size” for 1:1 detail on small screens.