CAR-02
Untriaged Seasonal calendar
The maintenance year as a vertical ruled strip, each window tied to the seasonal pressure it protects against.
Use it when
The maintenance year as a vertical ruled strip, each window tied to the seasonal pressure it protects against.
- Category
- Care
- Layout archetype
- Sticky rail
- Page position
- middle (derived)
- Purpose
- explain (derived)
- Field
- light (derived)
- Interaction
- sticky (derived)
- Motifs
- Condition marker, Margin note, Quiet field
Content it requires
- Four windows with a focus line, a reason, and three items each
Do not use it when
- Illustrative only, and captioned as such. Real cadence depends on the property.
- Three items per window. Four starts to compete with the care groups pattern.
- The intro column is sticky on desktop, so it needs enough content to not look stranded beside a long strip.
Variants
Redesigned during self-review. The original four-column band was structurally identical to PRF-04 and was replaced with a vertical spine.
Implementation
src/components/patterns/CareCalendar.astro
---
import CareCalendar from '../components/patterns/CareCalendar.astro';
---
<CareCalendar />Import directly. Do not route production through patternComponents.
Production usage
Not yet used on a production page. Nothing here has been proven in front of a customer.
Accessibility
- Verified at 360, 768, 1024, and 1440 with no horizontal overflow.
- No interactive controls beyond links and buttons inherited from the design system.
- Colour never carries meaning alone: every state marker is paired with text.
- Motion respects prefers-reduced-motion.