Basalt Error Page
A brutalist 404/error page designed for government portals — stark, institutional, and highly functional.
Features
- Giant 404 error code in bold red with thick border frame
- Brutalist typography using Courier Prime and IBM Plex Mono
- Government header with logo and phone number
- Search bar to help users find what they need
- Common sections grid with hover effects (Home, Services, Contact, Accessibility)
- Back navigation button for returning to previous page
- Institutional footer with policy links
- Dark mode support with full
dark: variant coverage
- WCAG AA compliant color contrast ratios
Usage
import BasaltErrorPage from '@/registry/basalt-error-page/registry-item';
export default function NotFound() {
return <BasaltErrorPage />;
}
Customization
- Error code: Change
404 to 500, 403, or any error code
- Message: Update the heading and description text
- Links: Edit
commonLinks array for your portal's sections
- Branding: Replace GOV logo and phone number with your agency details
- Colors: Adjust the red accent (
#dc2626) for different severity levels
