Constraint
Because the client confirming Al-Noor Villa must judge, FROM THE DRAWING ALONE, whether a guest standing inside the front door can see into the family Living Room, this interface must not crop, restyle, or shrink the plan to fit a layout. The layout is built around the plan at true scale, and everything else is fitted into what is left.
We Do Not
01We do not Show a render above the plan
'Is this actually my villa?' — a client shown a beautiful room first stops auditing the room list, which is where the money is decided.
02We do not Colour a room except to state its privacy zone
'Can a guest in the Majlis see into the family zone?' — decorative fills make a three-tone zoning overlay unreadable.
03We do not Round an area, or hide the sum
'Is 30.0 m² enough for twelve seated guests?' — answered by a number against a memory of a room, not by an impression.
04We do not Render a Generate control on a project whose model is not CONFIRMED
'Was the extraction right?' — the endpoint refuses too; the missing button is only the honest surface of a server-side gate.
05We do not Animate the drawing — no reveal-on-scroll, no parallax, no easing on a wall
'Is that wall where I said it is?' — a line that moves cannot be compared to one that does not.
06We do not Tint the interface with a colour a client might choose
The palette judgement — a swatch can only be judged against a neutral surround.
Colour Tokens
Amber (#F5B23C) is reserved for CONFIRMED state and sightline visibility only. It does not appear in the palette swatch because it earns its place through data state, not design choice.
Type Scale
Al-Noor Villa — Floor Plan
Stage B — Understanding
Floor plan extracted. 8 rooms, 139.0 m².
Confirm the space model before generating renders. The sightline from the entrance to the family Living Room is assessed in Stage C.
Ref ERR-4821 · 2026-08-10
Accent — CONFIRMED + Sightline only
Only the CONFIRMED chip and the sightline visibility overlay in study diagrams may use amber. Every other state is achromatic.
Button System
No colour in the button system. Primary inverts (bone ground, dark text). Hierarchy comes from weight, position, and size.
Stat / KPI Tiles
Last top-up 3 days ago
2 active this month
Avg $0.05 each
This month
Hairline Rule
Primary hairline (--rule #222A34)
Soft hairline (--rule-soft #181E26)
Panel Variants
Panel (default)
bg-pbg · border-rule
Panel (raised)
bg-pbg2 · table header altitude
Panel (borderless)
bg-pbg · no border
DataTable — Mono Numeric, Summed Footer
| Room | Zone | Width(m) | Depth(m) | Area(m²) |
|---|---|---|---|---|
| Majlis | Reception | 6.0 | 5.0 | 30.0 |
| Living Room | Family | 6.0 | 4.0 | 24.0 |
| Dining | Family | 6.0 | 3.0 | 18.0 |
| Kitchen | Service | 4.0 | 3.5 | 14.0 |
| Master Bedroom | Private | 5.5 | 4.0 | 22.0 |
| Bedroom 2 | Private | 4.0 | 4.0 | 16.0 |
| Bathroom | Service | 2.5 | 3.2 | 8.0 |
| Entry | Circulation | 2.0 | 3.5 | 7.0 |
| Total | 139.0 |
Eight rooms sum to 139.0 m². Areas are never rounded; the sum is always in view.
TitleBlock — Sheet / Project Metadata
PlanCanvas — Signature Element
The architectural floor-plan canvas is ArcaDes's signature element. Amber appears only on the CONFIRMED stage badge. The drawing surface remains light (technical drawing ground); the chrome around it is dark.
Study stage
Confirmed stage
.num — Tabular Figures Helper
All figures, money, counts, percentages, and dates use IBM Plex Mono with tabular-nums and are LTR-isolated for future Arabic surfaces.