a27e3b8e43
Optimized the root .gitignore to exclude virtual environments, node modules, and temp folders to ensure clean and lightweight version tracking. Co-authored-by: Cursor <cursoragent@cursor.com>
53 lines
1.6 KiB
Markdown
53 lines
1.6 KiB
Markdown
# Miniapp Transfer Management Page Overrides
|
|
|
|
> **PROJECT:** ONE-OS
|
|
> **Generated:** 2026-04-01 15:28:05
|
|
> **Page Type:** Dashboard / Data View
|
|
|
|
> ⚠️ **IMPORTANT:** Rules in this file **override** the Master file (`design-system/MASTER.md`).
|
|
> Only deviations from the Master are documented here. For all other rules, refer to the Master.
|
|
|
|
---
|
|
|
|
## Page-Specific Rules
|
|
|
|
### Layout Overrides
|
|
|
|
- **Max Width:** 800px (narrow, focused)
|
|
- **Layout:** Single column, centered
|
|
- **Sections:** 1. Hero headline, 2. Short description, 3. Benefit bullets (3 max), 4. CTA, 5. Footer
|
|
|
|
### Spacing Overrides
|
|
|
|
- **Content Density:** Low — focus on clarity
|
|
|
|
### Typography Overrides
|
|
|
|
- No overrides — use Master typography
|
|
|
|
### Color Overrides
|
|
|
|
- **Strategy:** Minimalist: Brand + white #FFFFFF + accent. Buttons: High contrast 7:1+. Text: Black/Dark grey
|
|
|
|
### Component Overrides
|
|
|
|
- Avoid: Use arbitrary large z-index values
|
|
- Avoid: Default keyboard for all inputs
|
|
- Avoid: Desktop-first causing mobile issues
|
|
|
|
---
|
|
|
|
## Page-Specific Components
|
|
|
|
- No unique components for this page
|
|
|
|
---
|
|
|
|
## Recommendations
|
|
|
|
- Effects: Indigo→Violet gradient primary CTAs + active tab highlights, colored card shadows rgba(79,70,229,0.08), pill buttons or 12pt radius, full-width CTA at screen bottom, spring press scale 0.97, floating label inputs with animated focus border, skeletal loading pulses (Indigo/Slate tint), Bottom Sheets with drag dismiss, swipe-to-action list cards, scroll-linked title collapse
|
|
- Layout: Define z-index scale system (10 20 30 50)
|
|
- Forms: Use inputmode attribute
|
|
- Responsive: Start with mobile styles then add breakpoints
|
|
- CTA Placement: Center, large CTA button
|