1.2 KiB
1.2 KiB
Visual QA Reference
Primary fact source: docs/product-design-rules.md.
Brand Baseline
Use www.hyinda.com as the visual reference:
- Brand blue around
rgb(0,57,138). - White, light gray-blue, slate text.
- Clean cards, restrained radius, no black-heavy mobile navigation.
- OA pages should feel like a workbench, not a marketing page.
PC Checks
- Header has title, core filters, primary action only.
- Tables do not expose UUID as the main business number.
- Actions are consistent: view/edit/delete/withdraw use coherent variants.
- Destructive actions need confirmation.
Mobile/WeCom Checks
- No desktop sidebar/topbar.
- No visible desktop table as primary layout.
- Bottom nav is compact and selected state is solid, not thin outline.
- Dialogs do not auto-focus search inputs unless it is clearly a search task.
- Text does not overflow buttons/cards.
- Common flows fit the viewport without incoherent blank/packed regions.
Playwright Metrics
Collect or assert when relevant:
scrollWidth <= viewportWidth + 2.- visible table count is 0 on mobile workflow pages.
- bottom nav height is reasonable.
- active nav background is visible and not black/empty outline.
- body text excludes banned internal terms.