manoel freitas
7a858b52af
Introduces Filament management for site settings, services, portfolio cases, and testimonials with admin-only policies, validated media uploads, and deterministic seeding. Includes comprehensive design and task documentation for the implementation. Co-authored-by: Cursor <cursoragent@cursor.com>
1.5 KiB
1.5 KiB
design-tokens Specification
Purpose
TBD - created by archiving change setup-foundation. Update Purpose after archive.
Requirements
Requirement: Design tokens are centralized for the public site
The system SHALL define minimum design tokens in a single source consumed by the public site layout and components. Tokens MUST cover typography families, font scale, spacing, border radius, container width, background/text/border/accent/state colors, shadows, and transition duration/easing.
Scenario: Public layout uses shared tokens
- WHEN a public page is rendered
- THEN visual properties MUST be derived from the centralized token definitions rather than arbitrary inline values
Requirement: Public site respects reduced motion preference
The system SHALL honor prefers-reduced-motion by disabling or minimizing non-essential animations and transitions on the public site.
Scenario: User prefers reduced motion
- WHEN a visitor has
prefers-reduced-motion: reduceenabled - THEN the public site MUST NOT play non-essential motion effects
Requirement: Public site meets baseline accessibility contrast
The system SHALL use color combinations on the public site that meet WCAG AA contrast requirements for text and interactive elements defined in the token palette.
Scenario: Primary text is readable
- WHEN primary body text is rendered on its background color
- THEN the contrast ratio MUST meet WCAG AA minimums