MSPACEZDesign System v1.1
Downloads
UI components

Square, quiet, stateful.

Components share one construction: 1.5 px black top rule, 1 px line borders, 0 radius (2 px on inputs and chips), Montserrat/Alexandria labels. Red appears only as the marker, the active indicator, the error border and the campaign button.

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

Buttons, chips, tabs, status, form states, service/branch cards, pricing module, dashboard cards, empty state, navigation, state model

Board 19 · UI components · 1760 × 3124
Open full size ↗
Loading board

The official board from the package, rendered live. Use “Open full size” for 1:1 detail on small screens.