complete story 10.6
This commit is contained in:
parent
bd587b37fb
commit
d69026a8e1
|
|
@ -171,6 +171,7 @@ Located in `app/Notifications/`:
|
||||||
- **Bilingual required:** All user-facing text needs Arabic and English
|
- **Bilingual required:** All user-facing text needs Arabic and English
|
||||||
|
|
||||||
## Design Requirements (from PRD)
|
## Design Requirements (from PRD)
|
||||||
- **Color scheme:** Dark Navy Blue (#0A1F44) + Gold (#D4AF37)
|
- **Color scheme:** Charcoal (#4A4A42) + Warm Gray (#C9C4BA), Off-White (#E8E4DC), Deep Black (#1A1A1A)
|
||||||
- **Bilingual:** Arabic (primary, RTL) / English (LTR)
|
- **Bilingual:** Arabic (primary, RTL) / English (LTR)
|
||||||
- Professional, elegant aesthetic with Libra scales logo
|
- Professional, elegant aesthetic with botanical/wheat Libra logo
|
||||||
|
- See `docs/brand.md` for complete brand guidelines
|
||||||
|
|
|
||||||
|
|
@ -1808,11 +1808,11 @@ resources/lang/
|
||||||
--font-arabic: 'Cairo', sans-serif;
|
--font-arabic: 'Cairo', sans-serif;
|
||||||
--font-english: 'Montserrat', sans-serif;
|
--font-english: 'Montserrat', sans-serif;
|
||||||
|
|
||||||
/* Brand colors */
|
/* Brand colors - Updated in Epic 10 */
|
||||||
--color-navy: #0A1F44;
|
--color-charcoal: #4A4A42;
|
||||||
--color-gold: #D4AF37;
|
--color-warm-gray: #C9C4BA;
|
||||||
--color-gold-light: #F4E4B8;
|
--color-off-white: #E8E4DC;
|
||||||
--color-cream: #F9F7F4;
|
--color-deep-black: #1A1A1A;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* RTL utilities */
|
/* RTL utilities */
|
||||||
|
|
@ -3111,13 +3111,15 @@ select, separator, skeleton, switch, text, textarea, tooltip
|
||||||
|
|
||||||
### B. Color Palette
|
### B. Color Palette
|
||||||
|
|
||||||
|
> **Note:** Color palette updated in Epic 10 (Brand Color Refresh).
|
||||||
|
> See `docs/brand.md` for complete brand guidelines.
|
||||||
|
|
||||||
| Name | Hex | CSS Variable | Usage |
|
| Name | Hex | CSS Variable | Usage |
|
||||||
|------|-----|--------------|-------|
|
|------|-----|--------------|-------|
|
||||||
| Dark Navy Blue | `#0A1F44` | `--color-navy` | Primary background |
|
| Charcoal | `#4A4A42` | `--color-charcoal` | Primary brand, buttons |
|
||||||
| Gold | `#D4AF37` | `--color-gold` | Accents, buttons |
|
| Warm Gray | `#C9C4BA` | `--color-warm-gray` | Accents, borders |
|
||||||
| Light Gold | `#F4E4B8` | `--color-gold-light` | Hover states |
|
| Off-White | `#E8E4DC` | `--color-off-white` | Backgrounds, cards |
|
||||||
| Off-White | `#F9F7F4` | `--color-cream` | Text on dark, cards |
|
| Deep Black | `#1A1A1A` | `--color-deep-black` | Text, footer |
|
||||||
| Charcoal Gray | `#2C3E50` | `--color-charcoal` | Secondary text |
|
|
||||||
| Success Green | `#27AE60` | `--color-success` | Success states |
|
| Success Green | `#27AE60` | `--color-success` | Success states |
|
||||||
| Warning Red | `#E74C3C` | `--color-danger` | Error states |
|
| Warning Red | `#E74C3C` | `--color-danger` | Error states |
|
||||||
| Pending Yellow | `#F39C12` | `--color-warning` | Pending states |
|
| Pending Yellow | `#F39C12` | `--color-warning` | Pending states |
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Epic 1: Core Foundation & Infrastructure
|
# Epic 1: Core Foundation & Infrastructure
|
||||||
|
|
||||||
|
> **Note:** The color palette referenced in this epic (Navy+Gold) has been superseded.
|
||||||
|
> Epic 10 (Brand Color Refresh) updated all colors to Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current brand specifications.
|
||||||
|
|
||||||
## Epic Goal
|
## Epic Goal
|
||||||
|
|
||||||
Establish the foundational Laravel application with authentication, bilingual support (Arabic/English), and RTL/LTR layout switching to enable all subsequent feature development.
|
Establish the foundational Laravel application with authentication, bilingual support (Arabic/English), and RTL/LTR layout switching to enable all subsequent feature development.
|
||||||
|
|
|
||||||
|
|
@ -49,12 +49,12 @@ Update the application's color system to align with the new LIBRA for Rights bra
|
||||||
|
|
||||||
| Story | Title | Description | Status |
|
| Story | Title | Description | Status |
|
||||||
|-------|-------|-------------|--------|
|
|-------|-------|-------------|--------|
|
||||||
| 10.1 | [Core CSS Theme Update](../stories/story-10.1-core-css-theme-update.md) | Update Tailwind CSS theme variables and semantic aliases | Pending |
|
| 10.1 | [Core CSS Theme Update](../stories/story-10.1-core-css-theme-update.md) | Update Tailwind CSS theme variables and semantic aliases | Complete |
|
||||||
| 10.2 | [Blade Component Color Migration](../stories/story-10.2-blade-component-color-migration.md) | Update 16 Blade files with 64 color class occurrences | Pending |
|
| 10.2 | [Blade Component Color Migration](../stories/story-10.2-blade-component-color-migration.md) | Update 16 Blade files with 64 color class occurrences | Complete |
|
||||||
| 10.3 | [Email Template Color Update](../stories/story-10.3-email-template-color-update.md) | Update email theme CSS and template components | Pending |
|
| 10.3 | [Email Template Color Update](../stories/story-10.3-email-template-color-update.md) | Update email theme CSS and template components | Complete |
|
||||||
| 10.4 | [PDF Template Color Update](../stories/story-10.4-pdf-template-color-update.md) | Update 4 PDF export templates | Pending |
|
| 10.4 | [PDF Template Color Update](../stories/story-10.4-pdf-template-color-update.md) | Update 4 PDF export templates | Complete |
|
||||||
| 10.5 | [Logo and SVG Assets Update](../stories/story-10.5-logo-assets-update.md) | Update/replace logo SVG files for new brand | Pending |
|
| 10.5 | [Logo and SVG Assets Update](../stories/story-10.5-logo-assets-update.md) | Update/replace logo SVG files for new brand | Complete |
|
||||||
| 10.6 | [Documentation Update](../stories/story-10.6-documentation-update.md) | Update PRD, CLAUDE.md, architecture docs, and story files | Pending |
|
| 10.6 | [Documentation Update](../stories/story-10.6-documentation-update.md) | Update PRD, CLAUDE.md, architecture docs, and story files | Complete |
|
||||||
|
|
||||||
### Story Dependencies
|
### Story Dependencies
|
||||||
|
|
||||||
|
|
@ -97,20 +97,20 @@ Update the application's color system to align with the new LIBRA for Rights bra
|
||||||
|
|
||||||
## Definition of Done
|
## Definition of Done
|
||||||
|
|
||||||
- [ ] Story 10.1: Core CSS theme updated with new colors
|
- [x] Story 10.1: Core CSS theme updated with new colors
|
||||||
- [ ] Story 10.2: All Blade components using new palette
|
- [x] Story 10.2: All Blade components using new palette
|
||||||
- [ ] Story 10.3: Email templates updated
|
- [x] Story 10.3: Email templates updated
|
||||||
- [ ] Story 10.4: PDF templates updated
|
- [x] Story 10.4: PDF templates updated
|
||||||
- [ ] Story 10.5: Logo files updated/replaced
|
- [x] Story 10.5: Logo files updated/replaced
|
||||||
- [ ] Story 10.6: All documentation updated
|
- [x] Story 10.6: All documentation updated
|
||||||
- [ ] All pages render correctly with new colors
|
- [x] All pages render correctly with new colors
|
||||||
- [ ] WCAG AA contrast compliance verified
|
- [x] WCAG AA contrast compliance verified
|
||||||
- [ ] RTL layout displays correctly
|
- [x] RTL layout displays correctly
|
||||||
- [ ] Responsive design intact across breakpoints
|
- [x] Responsive design intact across breakpoints
|
||||||
- [ ] PDF exports display new branding
|
- [x] PDF exports display new branding
|
||||||
- [ ] Email templates display new branding
|
- [x] Email templates display new branding
|
||||||
- [ ] Code formatted with Pint
|
- [x] Code formatted with Pint
|
||||||
- [ ] All existing tests passing
|
- [x] All existing tests passing
|
||||||
- [ ] Visual QA completed on all major pages
|
- [ ] Visual QA completed on all major pages
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Epic 8: Email Notification System
|
# Epic 8: Email Notification System
|
||||||
|
|
||||||
|
> **Note:** The color palette referenced in this epic (Navy+Gold) has been superseded.
|
||||||
|
> Epic 10 (Brand Color Refresh) updated all colors to Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current brand specifications.
|
||||||
|
|
||||||
## Epic Goal
|
## Epic Goal
|
||||||
|
|
||||||
Implement a comprehensive email notification system with professional templates, bilingual support, and reliable delivery for all platform communications.
|
Implement a comprehensive email notification system with professional templates, bilingual support, and reliable delivery for all platform communications.
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Epic 9: Design & Branding Implementation
|
# Epic 9: Design & Branding Implementation
|
||||||
|
|
||||||
|
> **Note:** The color palette defined in this epic (Navy+Gold) has been superseded.
|
||||||
|
> Epic 10 (Brand Color Refresh) updated all colors to Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current brand specifications.
|
||||||
|
|
||||||
## Epic Goal
|
## Epic Goal
|
||||||
|
|
||||||
Implement the complete visual design system with professional branding, ensuring a polished, elegant, and accessible user experience across all pages and devices.
|
Implement the complete visual design system with professional branding, ensuring a polished, elegant, and accessible user experience across all pages and devices.
|
||||||
|
|
|
||||||
80
docs/prd.md
80
docs/prd.md
|
|
@ -83,7 +83,7 @@ Libra Law Firm requires a professional, bilingual (Arabic/English) web platform
|
||||||
- Highly professional aesthetic
|
- Highly professional aesthetic
|
||||||
- Detail-oriented with polished elements
|
- Detail-oriented with polished elements
|
||||||
- Clean lines and sophisticated typography
|
- Clean lines and sophisticated typography
|
||||||
- Color palette: Dark Navy Blue background with Gold accents
|
- Color palette: Charcoal with Warm Gray accents (see docs/brand.md)
|
||||||
- Libra scales logo prominently displayed
|
- Libra scales logo prominently displayed
|
||||||
- Elegant, refined visual elements
|
- Elegant, refined visual elements
|
||||||
- Easy navigation despite sophistication
|
- Easy navigation despite sophistication
|
||||||
|
|
@ -415,7 +415,7 @@ Central control panel for lawyer to manage all platform operations
|
||||||
- Responsive design for tablet use
|
- Responsive design for tablet use
|
||||||
- Arabic-first with English toggle
|
- Arabic-first with English toggle
|
||||||
- Clear visual hierarchy
|
- Clear visual hierarchy
|
||||||
- Dark navy blue and gold color scheme
|
- Charcoal and Warm Gray color scheme (see docs/brand.md)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -464,7 +464,7 @@ Central control panel for lawyer to manage all platform operations
|
||||||
- Clear status indicators
|
- Clear status indicators
|
||||||
- Mobile-friendly
|
- Mobile-friendly
|
||||||
- Consistent with main site design
|
- Consistent with main site design
|
||||||
- Dark navy blue and gold color scheme
|
- Charcoal and Warm Gray color scheme (see docs/brand.md)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -503,19 +503,21 @@ Central control panel for lawyer to manage all platform operations
|
||||||
|
|
||||||
#### A. Color Palette
|
#### A. Color Palette
|
||||||
|
|
||||||
|
> **Note:** The color palette was updated in Epic 10 (Brand Color Refresh).
|
||||||
|
> See `docs/brand.md` for complete and current brand guidelines.
|
||||||
|
|
||||||
**Primary Colors:**
|
**Primary Colors:**
|
||||||
- **Dark Navy Blue:** #0A1F44
|
- **Charcoal:** #4A4A42
|
||||||
- Usage: Main background, header, footer, primary sections
|
- Usage: Primary brand color, buttons, links, headings
|
||||||
- Creates professional, trustworthy atmosphere
|
- Creates professional, grounded atmosphere
|
||||||
|
|
||||||
- **Gold/Brass:** #D4AF37
|
- **Warm Gray:** #C9C4BA
|
||||||
- Usage: Accent elements, buttons, links, icons, dividers
|
- Usage: Accent elements, secondary buttons, borders, dividers
|
||||||
- Represents prestige, excellence, legal authority
|
- Represents sophistication, balance, legal authority
|
||||||
|
|
||||||
**Supporting Colors:**
|
**Supporting Colors:**
|
||||||
- **Light Gold:** #F4E4B8 (hover states, subtle highlights)
|
- **Off-White:** #E8E4DC (backgrounds, card backgrounds, hover states)
|
||||||
- **Off-White/Cream:** #F9F7F4 (text on dark backgrounds, card backgrounds)
|
- **Deep Black:** #1A1A1A (text, footer, high-contrast elements)
|
||||||
- **Charcoal Gray:** #2C3E50 (secondary text, borders)
|
|
||||||
- **Success Green:** #27AE60 (approved status, success messages)
|
- **Success Green:** #27AE60 (approved status, success messages)
|
||||||
- **Warning Red:** #E74C3C (rejected status, error messages)
|
- **Warning Red:** #E74C3C (rejected status, error messages)
|
||||||
- **Pending Yellow:** #F39C12 (pending status indicators)
|
- **Pending Yellow:** #F39C12 (pending status indicators)
|
||||||
|
|
@ -527,9 +529,9 @@ Central control panel for lawyer to manage all platform operations
|
||||||
|
|
||||||
#### B. Logo Usage
|
#### B. Logo Usage
|
||||||
|
|
||||||
**Libra Scales Symbol:**
|
**Botanical/Wheat Libra Symbol:**
|
||||||
- Primary logo featuring Libra scales in gold on navy background
|
- Primary logo featuring botanical wheat stalks forming Libra scales
|
||||||
- Symbol represents justice, balance, and fairness
|
- Symbol represents growth, balance, and natural justice
|
||||||
- Logo placement:
|
- Logo placement:
|
||||||
- Top left corner of navigation (desktop)
|
- Top left corner of navigation (desktop)
|
||||||
- Centered in mobile navigation
|
- Centered in mobile navigation
|
||||||
|
|
@ -540,9 +542,9 @@ Central control panel for lawyer to manage all platform operations
|
||||||
- Clear space: Minimum 20px padding on all sides
|
- Clear space: Minimum 20px padding on all sides
|
||||||
- Acceptable formats: SVG (primary), PNG (fallback)
|
- Acceptable formats: SVG (primary), PNG (fallback)
|
||||||
- Color variations:
|
- Color variations:
|
||||||
- Full color (gold on navy) - primary use
|
- Charcoal on Off-White - primary use
|
||||||
- Reversed (navy on light background) - for light sections
|
- Off-White on Charcoal - for dark sections
|
||||||
- Monochrome gold - for special applications
|
- Monochrome Deep Black - for special applications
|
||||||
|
|
||||||
#### C. Typography
|
#### C. Typography
|
||||||
|
|
||||||
|
|
@ -566,9 +568,9 @@ Central control panel for lawyer to manage all platform operations
|
||||||
|
|
||||||
#### D. Visual Elements
|
#### D. Visual Elements
|
||||||
|
|
||||||
**Gold Accent Usage:**
|
**Accent Usage:**
|
||||||
- Primary action buttons (solid gold background)
|
- Primary action buttons (solid Charcoal background)
|
||||||
- Secondary buttons (gold outline)
|
- Secondary buttons (Warm Gray outline)
|
||||||
- Links and hover states
|
- Links and hover states
|
||||||
- Decorative dividers between sections
|
- Decorative dividers between sections
|
||||||
- Icon highlights
|
- Icon highlights
|
||||||
|
|
@ -578,37 +580,37 @@ Central control panel for lawyer to manage all platform operations
|
||||||
**Cards & Containers:**
|
**Cards & Containers:**
|
||||||
- Subtle box-shadow: 0 2px 8px rgba(0,0,0,0.1)
|
- Subtle box-shadow: 0 2px 8px rgba(0,0,0,0.1)
|
||||||
- Border-radius: 8px for consistency
|
- Border-radius: 8px for consistency
|
||||||
- Card backgrounds: Off-white/cream on navy page background
|
- Card backgrounds: Off-White (#E8E4DC) on page background
|
||||||
- Padding: 24px standard internal padding
|
- Padding: 24px standard internal padding
|
||||||
|
|
||||||
**Icons:**
|
**Icons:**
|
||||||
- Style: Line-based, minimalist (e.g., Feather Icons or Bootstrap Icons)
|
- Style: Line-based, minimalist (e.g., Feather Icons or Bootstrap Icons)
|
||||||
- Color: Gold for primary actions, charcoal for secondary
|
- Color: Charcoal for primary actions, Warm Gray for secondary
|
||||||
- Size: 24px standard, 32px for featured icons
|
- Size: 24px standard, 32px for featured icons
|
||||||
|
|
||||||
**Buttons:**
|
**Buttons:**
|
||||||
- **Primary Button:**
|
- **Primary Button:**
|
||||||
- Background: Gold (#D4AF37)
|
- Background: Charcoal (#4A4A42)
|
||||||
- Text: Dark Navy Blue
|
- Text: Off-White (#E8E4DC)
|
||||||
- Hover: Light Gold (#F4E4B8)
|
- Hover: Deep Black (#1A1A1A)
|
||||||
- Border-radius: 6px
|
- Border-radius: 6px
|
||||||
- Padding: 12px 24px
|
- Padding: 12px 24px
|
||||||
|
|
||||||
- **Secondary Button:**
|
- **Secondary Button:**
|
||||||
- Background: Transparent
|
- Background: Transparent
|
||||||
- Border: 2px solid Gold
|
- Border: 2px solid Warm Gray (#C9C4BA)
|
||||||
- Text: Gold
|
- Text: Charcoal (#4A4A42)
|
||||||
- Hover: Gold background with Navy text
|
- Hover: Warm Gray background with Charcoal text
|
||||||
|
|
||||||
- **Disabled State:**
|
- **Disabled State:**
|
||||||
- Background: #CCCCCC
|
- Background: #CCCCCC
|
||||||
- Text: #666666
|
- Text: #666666
|
||||||
- No hover effect
|
- No hover effect
|
||||||
|
|
||||||
**Background Patterns (Optional):**
|
**Background Patterns (Optional):**
|
||||||
- Subtle texture or geometric pattern on navy backgrounds
|
- Subtle texture or geometric pattern on Off-White backgrounds
|
||||||
- Very low opacity (5-10%) to add depth without distraction
|
- Very low opacity (5-10%) to add depth without distraction
|
||||||
- Scales/justice motif integrated subtly if desired
|
- Botanical/wheat motif integrated subtly if desired
|
||||||
|
|
||||||
#### E. Spacing & Layout
|
#### E. Spacing & Layout
|
||||||
|
|
||||||
|
|
@ -683,13 +685,13 @@ All emails in both Arabic and English based on user preference:
|
||||||
2. **System Notifications** - Critical system events
|
2. **System Notifications** - Critical system events
|
||||||
|
|
||||||
### 8.3 Email Requirements
|
### 8.3 Email Requirements
|
||||||
- Professional email templates matching brand design (navy blue & gold)
|
- Professional email templates matching brand design (Charcoal & Warm Gray)
|
||||||
- Mobile-responsive email layout
|
- Mobile-responsive email layout
|
||||||
- Plain text fallback
|
- Plain text fallback
|
||||||
- Clear subject lines (bilingual based on user preference)
|
- Clear subject lines (bilingual based on user preference)
|
||||||
- Logo and branding elements in header
|
- Logo and branding elements in header
|
||||||
- Consistent typography and spacing
|
- Consistent typography and spacing
|
||||||
- Call-to-action buttons (gold) where applicable
|
- Call-to-action buttons (Charcoal) where applicable
|
||||||
- Footer with firm contact information
|
- Footer with firm contact information
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
@ -854,7 +856,7 @@ All emails in both Arabic and English based on user preference:
|
||||||
|
|
||||||
### Phase 7: Design & Branding (Week 5-6)
|
### Phase 7: Design & Branding (Week 5-6)
|
||||||
- Logo integration and brand identity implementation
|
- Logo integration and brand identity implementation
|
||||||
- Professional design implementation (navy blue & gold)
|
- Professional design implementation (Charcoal & Warm Gray palette)
|
||||||
- UI/UX refinement
|
- UI/UX refinement
|
||||||
- Responsive design testing
|
- Responsive design testing
|
||||||
- RTL/LTR layout perfection
|
- RTL/LTR layout perfection
|
||||||
|
|
@ -891,7 +893,7 @@ All emails in both Arabic and English based on user preference:
|
||||||
- Exports generate correctly (CSV, PDF)
|
- Exports generate correctly (CSV, PDF)
|
||||||
|
|
||||||
### 13.2 Design Success
|
### 13.2 Design Success
|
||||||
- Professional, polished appearance with navy blue and gold branding
|
- Professional, polished appearance with Charcoal and Warm Gray branding
|
||||||
- Logo properly integrated throughout
|
- Logo properly integrated throughout
|
||||||
- Easy to use for non-technical users
|
- Easy to use for non-technical users
|
||||||
- Positive feedback from lawyer/admin
|
- Positive feedback from lawyer/admin
|
||||||
|
|
|
||||||
|
|
@ -43,7 +43,7 @@ nfr_validation:
|
||||||
recommendations:
|
recommendations:
|
||||||
immediate: []
|
immediate: []
|
||||||
future:
|
future:
|
||||||
- action: "Add Libra branding (colors #0A1F44, #D4AF37, logo) when Epic 8 email infrastructure is implemented"
|
- action: "Add Libra branding (colors #4A4A42, #C9C4BA per docs/brand.md, logo) when Epic 8 email infrastructure is implemented"
|
||||||
refs: ["resources/views/emails/welcome.blade.php"]
|
refs: ["resources/views/emails/welcome.blade.php"]
|
||||||
- action: "Configure production MAIL_FROM_ADDRESS=no-reply@libra.ps and MAIL_FROM_NAME='Libra Law Firm'"
|
- action: "Configure production MAIL_FROM_ADDRESS=no-reply@libra.ps and MAIL_FROM_NAME='Libra Law Firm'"
|
||||||
refs: [".env.example"]
|
refs: [".env.example"]
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 1.4: Base UI & Navigation
|
# Story 1.4: Base UI & Navigation
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 1:** Core Foundation & Infrastructure
|
**Epic 1:** Core Foundation & Infrastructure
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -126,18 +126,18 @@ For Epic 9 stories, add a note at the top:
|
||||||
|
|
||||||
## Dev Checklist
|
## Dev Checklist
|
||||||
|
|
||||||
- [ ] Update `CLAUDE.md` color references
|
- [x] Update `CLAUDE.md` color references
|
||||||
- [ ] Update `docs/prd.md` Section 7.1 Color Palette
|
- [x] Update `docs/prd.md` Section 7.1 Color Palette
|
||||||
- [ ] Update `docs/prd.md` all other color references
|
- [x] Update `docs/prd.md` all other color references
|
||||||
- [ ] Review and update `docs/architecture.md`
|
- [x] Review and update `docs/architecture.md`
|
||||||
- [ ] Verify `docs/brand.md` is accurate
|
- [x] Verify `docs/brand.md` is accurate
|
||||||
- [ ] Add supersession note to `story-9.1-color-system-implementation.md`
|
- [x] Add supersession note to `story-9.1-color-system-implementation.md`
|
||||||
- [ ] Add supersession note to `story-9.4-component-styling-buttons.md`
|
- [x] Add supersession note to `story-9.4-component-styling-buttons.md`
|
||||||
- [ ] Add supersession note to `story-9.5-component-styling-forms.md`
|
- [x] Add supersession note to `story-9.5-component-styling-forms.md`
|
||||||
- [ ] Add supersession note to other affected Epic 9 stories
|
- [x] Add supersession note to other affected Epic 9 stories
|
||||||
- [ ] Update `epic-10-brand-color-refresh.md` with completion status
|
- [x] Update `epic-10-brand-color-refresh.md` with completion status
|
||||||
- [ ] Run grep to verify no old hex values remain
|
- [x] Run grep to verify no old hex values remain
|
||||||
- [ ] Review all documentation for consistency
|
- [x] Review all documentation for consistency
|
||||||
|
|
||||||
## Estimation
|
## Estimation
|
||||||
|
|
||||||
|
|
@ -148,3 +148,68 @@ For Epic 9 stories, add a note at the top:
|
||||||
|
|
||||||
- Should be completed last, after Stories 10.1-10.5 are done
|
- Should be completed last, after Stories 10.1-10.5 are done
|
||||||
- Ensures documentation reflects actual implemented state
|
- Ensures documentation reflects actual implemented state
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Dev Agent Record
|
||||||
|
|
||||||
|
**Status:** Ready for Review
|
||||||
|
|
||||||
|
**Agent Model Used:** Claude Opus 4.5
|
||||||
|
|
||||||
|
### Completion Notes
|
||||||
|
|
||||||
|
- Updated CLAUDE.md Design Requirements section with new Charcoal+Warm Gray palette
|
||||||
|
- Updated docs/prd.md comprehensively: Section 7.1 color palette, logo usage, visual elements, button styling, dashboard color schemes, email requirements, design success criteria
|
||||||
|
- Updated docs/architecture.md: CSS @theme block and Color Palette table
|
||||||
|
- Verified docs/brand.md is accurate and complete with botanical logo, all 4 colors, typography, and usage guidelines
|
||||||
|
- Added supersession notes to all Epic 9 stories (9.1, 9.3, 9.4, 9.5, 9.6, 9.7, 9.10) and epic-9-design-branding.md
|
||||||
|
- Added supersession notes to Epic 8 stories (8.1, 8.2, 8.3) and epic-8-email-notifications.md
|
||||||
|
- Added supersession notes to Epic 1, 6, 7 stories and epics that referenced old colors
|
||||||
|
- Updated epic-10-brand-color-refresh.md with all stories marked Complete and Definition of Done items checked
|
||||||
|
- Updated docs/qa/gates/2.5-account-creation-email-notification.yml with new color references
|
||||||
|
- Core documentation (CLAUDE.md, prd.md, architecture.md, brand.md) now have no old hex values
|
||||||
|
- All historical story/epic files with old hex values now have supersession notes pointing to docs/brand.md
|
||||||
|
|
||||||
|
### File List
|
||||||
|
|
||||||
|
**Modified:**
|
||||||
|
- CLAUDE.md
|
||||||
|
- docs/prd.md
|
||||||
|
- docs/architecture.md
|
||||||
|
- docs/epics/epic-10-brand-color-refresh.md
|
||||||
|
- docs/epics/epic-9-design-branding.md
|
||||||
|
- docs/epics/epic-8-email-notifications.md
|
||||||
|
- docs/epics/epic-1-core-foundation.md
|
||||||
|
- docs/stories/story-9.1-color-system-implementation.md
|
||||||
|
- docs/stories/story-9.3-logo-integration.md
|
||||||
|
- docs/stories/story-9.4-component-styling-buttons.md
|
||||||
|
- docs/stories/story-9.5-component-styling-forms.md
|
||||||
|
- docs/stories/story-9.6-component-styling-cards-containers.md
|
||||||
|
- docs/stories/story-9.7-navigation-footer-styling.md
|
||||||
|
- docs/stories/story-9.10-accessibility-compliance.md
|
||||||
|
- docs/stories/story-8.1-email-infrastructure-setup.md
|
||||||
|
- docs/stories/story-8.2-welcome-email.md
|
||||||
|
- docs/stories/story-8.3-booking-submitted-confirmation.md
|
||||||
|
- docs/stories/story-7.1-client-dashboard-overview.md
|
||||||
|
- docs/stories/story-6.1-dashboard-overview-statistics.md
|
||||||
|
- docs/stories/story-6.2-analytics-charts.md
|
||||||
|
- docs/stories/story-6.4-data-export-user-lists.md
|
||||||
|
- docs/stories/story-6.5-data-export-consultation-records.md
|
||||||
|
- docs/stories/story-6.6-data-export-timeline-reports.md
|
||||||
|
- docs/stories/story-6.7-monthly-statistics-report.md
|
||||||
|
- docs/stories/story-2.5-account-creation-email-notification.md
|
||||||
|
- docs/stories/story-1.4-base-ui-navigation.md
|
||||||
|
- docs/qa/gates/2.5-account-creation-email-notification.yml
|
||||||
|
- docs/stories/story-10.6-documentation-update.md
|
||||||
|
|
||||||
|
### Change Log
|
||||||
|
|
||||||
|
| Date | Change | Files |
|
||||||
|
|------|--------|-------|
|
||||||
|
| 2026-01-03 | Updated color scheme references to Charcoal+Warm Gray palette | CLAUDE.md |
|
||||||
|
| 2026-01-03 | Updated Section 7.1 color palette, logo usage, visual elements, buttons | docs/prd.md |
|
||||||
|
| 2026-01-03 | Updated CSS @theme colors and Color Palette table | docs/architecture.md |
|
||||||
|
| 2026-01-03 | Added supersession notes to all affected story/epic files | 22 story/epic files |
|
||||||
|
| 2026-01-03 | Marked all stories Complete in Epic 10 | docs/epics/epic-10-brand-color-refresh.md |
|
||||||
|
| 2026-01-03 | Updated color reference in QA gate recommendation | docs/qa/gates/2.5-account-creation-email-notification.yml |
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 2.5: Account Creation Email Notification
|
# Story 2.5: Account Creation Email Notification
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 2:** User Management System
|
**Epic 2:** User Management System
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 6.1: Dashboard Overview & Statistics
|
# Story 6.1: Dashboard Overview & Statistics
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 6:** Admin Dashboard
|
**Epic 6:** Admin Dashboard
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 6.2: Analytics Charts
|
# Story 6.2: Analytics Charts
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 6:** Admin Dashboard
|
**Epic 6:** Admin Dashboard
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 6.4: Data Export - User Lists
|
# Story 6.4: Data Export - User Lists
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 6:** Admin Dashboard
|
**Epic 6:** Admin Dashboard
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 6.5: Data Export - Consultation Records
|
# Story 6.5: Data Export - Consultation Records
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 6:** Admin Dashboard
|
**Epic 6:** Admin Dashboard
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 6.6: Data Export - Timeline Reports
|
# Story 6.6: Data Export - Timeline Reports
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 6:** Admin Dashboard
|
**Epic 6:** Admin Dashboard
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 6.7: Monthly Statistics Report
|
# Story 6.7: Monthly Statistics Report
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 6:** Admin Dashboard
|
**Epic 6:** Admin Dashboard
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 7.1: Client Dashboard Overview
|
# Story 7.1: Client Dashboard Overview
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 7:** Client Dashboard
|
**Epic 7:** Client Dashboard
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 8.1: Email Infrastructure Setup
|
# Story 8.1: Email Infrastructure Setup
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 8:** Email Notification System
|
**Epic 8:** Email Notification System
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 8.2: Welcome Email (Account Created)
|
# Story 8.2: Welcome Email (Account Created)
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 8:** Email Notification System
|
**Epic 8:** Email Notification System
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 8.3: Booking Submitted Confirmation
|
# Story 8.3: Booking Submitted Confirmation
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 8:** Email Notification System
|
**Epic 8:** Email Notification System
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 9.1: Color System Implementation
|
# Story 9.1: Color System Implementation
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 9:** Design & Branding Implementation
|
**Epic 9:** Design & Branding Implementation
|
||||||
**Epic File:** `docs/epics/epic-9-design-branding.md`
|
**Epic File:** `docs/epics/epic-9-design-branding.md`
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 9.10: Accessibility Compliance
|
# Story 9.10: Accessibility Compliance
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 9:** Design & Branding Implementation
|
**Epic 9:** Design & Branding Implementation
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 9.3: Logo Integration
|
# Story 9.3: Logo Integration
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
**Status:** Ready for Review
|
**Status:** Ready for Review
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 9.4: Component Styling - Buttons
|
# Story 9.4: Component Styling - Buttons
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 9:** Design & Branding Implementation
|
**Epic 9:** Design & Branding Implementation
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 9.5: Component Styling - Forms
|
# Story 9.5: Component Styling - Forms
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 9:** Design & Branding Implementation
|
**Epic 9:** Design & Branding Implementation
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 9.6: Component Styling - Cards & Containers
|
# Story 9.6: Component Styling - Cards & Containers
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 9:** Design & Branding Implementation
|
**Epic 9:** Design & Branding Implementation
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
# Story 9.7: Navigation & Footer Styling
|
# Story 9.7: Navigation & Footer Styling
|
||||||
|
|
||||||
|
> **Note:** The color values in this story were implemented with the original Navy+Gold palette.
|
||||||
|
> These colors were updated in Epic 10 (Brand Color Refresh) to the new Charcoal+Warm Gray palette.
|
||||||
|
> See `docs/brand.md` for current color specifications.
|
||||||
|
|
||||||
## Epic Reference
|
## Epic Reference
|
||||||
**Epic 9:** Design & Branding Implementation
|
**Epic 9:** Design & Branding Implementation
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue