Work / Babul / Wiki / Surfaces
analysis
Surfacecanonicalverified 2026-10-22
SURFACE.WEB.ANALYSISSummary
What the last capture found: three scores, what was found, the gaps, and a ranked list of fixes. The first screen after a capture.
Raw wireframes
- .context/designs/web/northwind/northwind-web/main/analysis/ — overview, accessibility, consistency (and its finding, consistency/greys), gaps, match; the top bar's menus are in …/main/menus/
Why it is drawn this way
- The first screen with the app shell: top bar (company / product / branch, who is here, you) and the rail (Journey, Pages, Components, Styles, Analysis; Branches and Settings at the foot).
- Scores lead because they answer "how is my product doing"; Fix first is the work, so it takes the width.
- No title and no switch: every branch keeps its own results, so the branch picker in the top bar says which ones you see. The screen uses the full width. Values follow example-northwind.
- Capture again lives with the capture it repeats: in the panel's Last capture card, and in the product menu — not in the top bar.
- A panel beside the rail lists Overview and one page per score; each score card opens its page. A finding opens its detail with Fix in my draft.
- The product and branch menus hang under their pickers in the top bar; the menu screens show them open over Overview.