starcoach-hackathon/zarinpal-analytics-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: redesign competitive position experience

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-08-22 18:45:18 +08:00
parent 2f856db441
commit 2d6519a7bb
11 changed files with 455 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
DESIGN.md
View File

@@ -339,3 +339,7 @@ Evidence cards stack beneath the compact chart on phones and form up to three ph
- **Don't** use shadow as the primary boundary between resting financial surfaces.
- **Don't** animate the page as a spectacle; keep motion to state feedback, the shell, overlays, and the chart trace, and honor reduced motion.
- **Don't** hide status, scope, units, formulas, or important chart values behind color or pointer-only interaction.
### Competitive Position Board (0.14.0)
The «جایگاه رقابتی» page uses a ranked, full-width board rather than a generic KPI grid. Cards sort from the highest merchant percentile to the lowest, show a restrained rank, exact Persian percentile, semantic status text, and a dual-marker rail: the merchant score and the fixed cohort median at ۵۰. Each card is a keyboard-accessible disclosure for its definition, direction, and interpretation. The page pairs the board with a sticky AI panel on desktop and places the AI panel first on mobile. Motion is limited to the rail fill and is removed under `prefers-reduced-motion`.