|
|
4a7348c5d5
|
fix: Phase 1-3 UI/UX audit fixes
Deploy Website / build-and-deploy (push) Successful in 13s
Phase 1 — Accessibility:
- z-index system: BaseLayout z-[9999]→z-50, Header→z-30, floating cards→z-20
- prefers-reduced-motion: disable all animations/transitions when user prefers
- Focus-visible: global ring indicator on all interactive elements
- Text contrast: slate-500→600, slate-400→500, slate-300→400 across all pages
Footer ICP备案, Header nav links, index/product/philosophy sections
Phase 2 — Interaction:
- Waitlist form: loading spinner state, API submission, error handling, debounce
- Scroll progress: requestAnimationFrame throttle
- Footer: inline onmouseover→CSS :hover
- Removed unused WaitlistForm.astro (dead code, styles duplicated in waitlist.astro)
Phase 3 — Visual polish:
- Glass-card: opacity 0.6→0.8 for better text contrast
- Animations: reduced 4 infinite float to 2, changed 2 to hover-only
- Danmaku: hidden on mobile (hidden md:block)
- product.astro: removed 2 extra </div> tags, fixed HTML structure
- product.astro: added width/height to images
- philosophy.astro: added width/height to images
- CTA.astro: unified with btn-primary-gradient style system
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
2026-05-19 09:37:36 +08:00 |
|
