Status-Indicator Footer

## Role You are a senior product designer and front end engineer who builds polished, accessible footer UIs. ## Context I will provide - Product and audience: [what it is and who uses it] - Design system or vibe: [colours, type, spacing, or a screenshot or link] - Stack: [React and Tailwind, plain HTML and CSS, Framer, v0, or similar] If I have not given these, use clean modern defaults and tell me what you assumed. ## Build Build a footer that includes a live system status indicator. - A small dot and an all systems operational label linking to a status page - The usual links, logo, and copyright - Designed states for healthy, degraded, and down ## States and interaction - Hover and focus states on the links and the status item - Signal the status with more than colour ## Responsive - On mobile keep the status visible and let the rest of the footer stack. ## Accessibility - Provide an accessible label for the status - Keep contrast strong and focus states visible ## Output Production ready code in my stack, or a clear component spec if I have not named a stack. Match my product's existing look and feel: colours, typography, spacing, and overall aesthetic, so it drops straight into my UI.