Kontia/docs/ui-parity-checklist.md

UI Parity Checklist (Modules 3-5)

Baseline

• Font stack: Manrope (body), Playfair Display (display headings).
• Primary colors: navy action buttons, slate neutrals, green success accents.
• Card radius and border hierarchy aligned to reference module screenshots.

Module 3

• Hero title/subtitle and sync CTA placement.
• Guide panel + KPI cards + "ultimo analisis" row.
• Search/filter bars with geo filters.
• Opportunity cards (badges, compatibility %, progress line, details toggle).
• Bottom handoff CTA to Module 4.

Module 4

• Hero title/subtitle.
• Left column: guide + drag/drop upload + metadata fields.
• Right column: empty-state and selected-analysis state.
• Bottom navigation block to Module 3 / Module 5 / Dashboard.

Module 5

• Hero title/subtitle.
• Search + "Nueva Propuesta" controls.
• Empty state with primary CTA.
• Populated cards with edit fields, status, drag/drop docs, document list.
• Forward nav to M6 placeholder.

Topbar

• Authenticated module pages use minimal module-flow header.
• Back link visible in module mode.
• Optional Manual, plan badge, and concise actions only.
• No dense authenticated global nav links.