Wireframe spec
Hana's annotation on the Wireframe canvas:
"Information Architecture: Make diagram for overview section?"
The Architecture & Vocabularies overview page currently has text-only Core Principles. The wireframe suggests a visual diagram showing the system architecture.
Current state
design/index.qmd has 6 bullet-point Core Principles + iSamples Contributions text
- The About page has
assets/iSamplesArchitecture.png (system architecture diagram) embedded in the Team section
- No diagram on the Architecture overview page itself
Proposed approach
Either:
- Move/copy the existing
iSamplesArchitecture.png to the Architecture overview page (it's currently buried in the About page Team section)
- Create a new diagram showing the data flow: Sources → PQG pipeline → Parquet files → DuckDB-WASM → Browser
- Ask Hana to design one in Figma that matches the site style
Option 1 is immediate. Option 2 tells the modern story. Option 3 gets the best visual result.
Needs: Hana collaboration or team decision on which diagram to create.
Analysis from Figma API wireframe annotation [7:738].
Wireframe spec
Hana's annotation on the Wireframe canvas:
The Architecture & Vocabularies overview page currently has text-only Core Principles. The wireframe suggests a visual diagram showing the system architecture.
Current state
design/index.qmdhas 6 bullet-point Core Principles + iSamples Contributions textassets/iSamplesArchitecture.png(system architecture diagram) embedded in the Team sectionProposed approach
Either:
iSamplesArchitecture.pngto the Architecture overview page (it's currently buried in the About page Team section)Option 1 is immediate. Option 2 tells the modern story. Option 3 gets the best visual result.
Needs: Hana collaboration or team decision on which diagram to create.
Analysis from Figma API wireframe annotation
[7:738].