← Waiter pages ↑ General Design System

Waiter App — Design System

Component library for the waiter mobile app — table selection, order taking and receipts. Standalone HTML (no build). Atoms, molecules and organisms built on the general tokens.

Extends General Design System · plain standalone HTML

Atoms

smallest primitives

Button

Planned

Primary / ghost · large tap target.

tokens: --primary-500

Table chip

Planned

Status dot + table number.

tokens: --table-empty, --table-mine

Badge

Planned

Count / status badge.

tokens: --warning

Qty stepper

Planned

− value + per order line.

tokens: --grey-300

Molecules

atoms combined

Order line

Planned

Item + qty + price + note.

seen in: order taking

Table card

Planned

Table + seats + status.

seen in: table select

Receipt row

Planned

Line item on the receipt.

seen in: receipts

Category tab

Planned

Menu category switcher.

tokens: --primary-100

Organisms

full sections

Table grid

Planned

Floor plan of table chips.

seen in: tables

Order screen

Planned

Menu + running order lines.

seen in: order taking

Receipt sheet

Planned

Receipt summary + actions.

seen in: receipts