Kinetic AI Error State
A vibrant, motion-themed 500 error page designed for AI and machine learning platforms.
Features
- Giant 500 number — Huge gradient text in Space Mono with glitch-stripe overlay
- Error heading — 'AI System Malfunction' in bold Outfit typeface
- Action buttons — Red Retry button and outline Go Home button
- Diagonal motion lines — Six decorative diagonal stripes suggesting speed and kinetic energy
- Error metadata — Monospace fault code with timestamp
- Full dark mode — Deep #120808 background with red-500 accents
Dependencies
@/components/vue-ui/button — Shadcn-Vue Button
@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- Error code: Change 500 to any HTTP error code
- Message: Update heading and description text
- Actions: Wire up Retry and Go Home buttons to your router
- Colors: Adjust red tones to match your error palette
- Metadata: Replace the fault code format with your actual error reporting