Skip to content

Work / Babul / Wiki / Surfaces

analysis

Surfacecanonicalverified 2026-10-22

SURFACE.WEB.ANALYSIS

Summary

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.