Five screens, twenty renders

Live screens

Renders

Full-page captures at 375×812 (2×) and 1280×800 (1×), produced by scripts/render.cjs after its checks pass. Click to open at full size.

Read before reviewing

• Colour is decided — every value is a role from COLOUR_SYSTEM.md. Amber appears as a fill on one action per screen and nowhere as text or a meaningful border.
• The typeface is decided — Alan Sans (Arabic and Latin), the shipped subsets from /root/majal master, commit a4a975d. It replaced IBM Plex, the earlier placeholder, and the Beiruti/Fustat candidates weighed alongside it; see design-context/typography/README.md on master for the F-56 write-up and the measured leading values applied here.
• Every state is its own screen — the dark strip at the top of each page switches them, and every state listed there is rendered, measured for horizontal fit and axe-checked at all three viewports. Reviewing only the first state is not reviewing the screen.
• Screens 6 to 9 and 12 to 14 were drawn without reference images — design-context/layout-references/dashboard/ and company-profile/ are empty, and the rule that says to stop and ask was suspended for one night by the client. Screens 10 and 11 are the exception — apply-and-forms/ has five references and they were read first. Read docs/OVERNIGHT_LOG.md before reviewing them: it lists every decision that would otherwise have been a question.
• Screen 8's stage lists come from the database — each row offers exactly the transitions migration 0023's matrix permits from that row's current stage, and a row at a terminal stage offers none. The screen never shows a move the database would refuse.
• The scale is being proposed — eight type sizes, nine spacing steps, four radii, three tonal elevation steps. Every size in the prototype is one of them; scripts/check-scale.cjs fails on any other. Details in README.md.
• Select lists: native is the floor — the control matches the inputs everywhere. The open list matches too on Chrome and Edge 135+ (a CSS-only enhancement); on Safari, Firefox and every phone it is the platform's own picker, kept on purpose for its target size and screen-reader behaviour. The area picker, where type-ahead matters, has a custom combobox. Not a defect; reasoning in README.md.
• No sign-in step is built between the public job page and the app-shell apply flow. It is a deliberate omission, stated in README.md.
• Company names are invented Kuwaiti trade names. No posting is attributed to a real company.