Arctic Gov Empty State
An authoritative empty state component designed for government and public sector portals.
Features
- Official government aesthetic with navy blue (#1E3A5F) palette
- CSS-drawn document/folder icon illustration
- Decorative seal-like SVG ornaments for an official feel
- "No Documents Found" heading with contextual explanation
- Search tips list to help users refine their query
- Dual CTAs: Browse All Services button and Contact Support link
- Ticket reference ID for support escalation
- White light mode with dark navy (#0F1729) dark mode
- WCAG AA compliant color contrast
- Semantic HTML with proper aria-labels
Usage
import RegistryItem from './registry-item';
export default function Page() {
return <RegistryItem />;
}
Customization
- Replace navy (#1E3A5F) with your institutional brand color
- Edit search tips to match your document management system
- Modify CTA buttons to link to your services directory
- Update the ticket ID format for your support system
- Swap the document icon SVG for a custom illustration
