Naser Mansour
0f9d12c3cf
Adds docs/tasks/ (16 epics + 102 stories converted to task/subtask files with statuses.md as the new status source of truth) and docs/ux-design.md (retrospective design-system reference), and points CLAUDE.md at them. docs/prd.md and docs/architecture.md are kept as BMAD wrote them; the legacy docs/stories/, docs/epics/, docs/qa/gates/ and .bmad-core/ stay in place as historical/traceability records, superseded but not deleted. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
1.1 KiB
1.1 KiB
id, title, status, date, parent
| id | title | status | date | parent |
|---|---|---|---|---|
| 9-6 | 9-6 Component Styling - Cards & Containers | QA Review | 2026-09-27 | 9 |
Description
As a user, I want consistent card and container styling, So that content is well-organized and visually appealing. | Class | Color | Hex | |-------|-------|-----| | bg-cream | Off-white/Cream | #F9F7F4 | | text-gold / border-gold | Gold | #D4AF37 | | bg-gold/10 | Gold at 10% opacity | - | | text-navy | Dark Navy Blue | #0A1F44 | | text-charcoal | Charcoal Gray | #2C3E50 | | text-success | Success Green | #27AE60 | | text-danger | Warning Red | #E74C3C |. Full implementation history: docs/stories/story-9.6-component-styling-cards-containers.md
Acceptance Criteria
- Background: Off-white/cream
- Box-shadow: 0 2px 8px rgba(0,0,0,0.1)
- Border-radius: 8px
- Padding: 24px
- Optional gold top/left border
- For featured/important cards
- Subtle lift effect
- Shadow increase
- Icon with gold accent
- Large number display
- Trend indicator
- Consistent item spacing
- Clear click targets
- Max-width: 1200px, centered