error 404 minimal not-found simple error 404 not-found minimal simple lost page simple 404 page minimal error page
Error Minimal
Fetch pattern JSON:
curl https://webspire.de/patterns/error/minimal.json minimal.html
<section class="ws-error flex min-h-[60vh] items-center bg-[var(--ws-error-bg)]">
<div class="mx-auto max-w-xl px-6 text-center">
<p class="text-8xl font-extrabold text-[var(--ws-error-action-bg)] sm:text-9xl">404</p>
<h1 class="mt-6 text-3xl font-bold tracking-tight text-[var(--ws-error-text)] sm:text-4xl">Page not found</h1>
<p class="mt-4 text-base text-[var(--ws-error-text-soft)]">Sorry, the page you're looking for doesn't exist or has been moved.</p>
<div class="mt-8">
<a href="/" class="text-sm font-semibold text-[var(--ws-error-action-bg)] transition hover:opacity-80">
<span aria-hidden="true">←</span> Back to home
</a>
</div>
</div>
</section>
Details
Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste
Stable Published
error404minimalnot-foundsimple
Slots
| Name | Required | Description |
|---|---|---|
| code | Yes | Large error code number. |
| message | Yes | Error message and description. |
| actions | Yes | Link back to homepage or search. |
Ultra-minimal 404 page. Large “404” number in bold, a short message, and a single “Go back home” link. Centered vertically and horizontally. No illustrations, no clutter — just the essentials.