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>
29 lines
1.1 KiB
Markdown
29 lines
1.1 KiB
Markdown
---
|
|
id: 9-6
|
|
title: 9-6 Component Styling - Cards & Containers
|
|
status: QA Review
|
|
date: 2026-09-27
|
|
parent: 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
|