# 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.