<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="robots" content="noindex,follow">
<title>Archived · webdesignhot</title>
<meta name="description" content="The original webdesignhot catalog (2009–2024) has been archived. Visit webdesignhot.com for the current store and design.md directory.">
<link rel="canonical" href="https://webdesignhot.com/">
<link rel="icon" type="image/svg+xml" href="https://webdesignhot.com/favicon.svg">
<style>
  :root {
    --bg: #0a0a0a;
    --bg-card: rgba(255,255,255,0.03);
    --text: #ededed;
    --text-dim: #8a8a8a;
    --text-faint: #555;
    --brand: #c6f432;
    --border: rgba(255,255,255,0.08);
    --border-strong: rgba(255,255,255,0.16);
    --font-display: 'Inter Variable', 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  html, body {
    background: var(--bg);
    color: var(--text);
    font: 16px/1.65 var(--font-display);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .wrap { max-width: 720px; margin: 0 auto; padding: 32px 24px 80px; }
  .brand {
    padding-bottom: 48px;
    margin-bottom: 56px;
    border-bottom: 1px solid var(--border);
  }
  .brand-link {
    color: var(--text);
    text-decoration: none;
    font-weight: 600;
    letter-spacing: -0.015em;
    font-size: 17px;
    transition: color .15s;
  }
  .brand-link:hover { color: var(--brand); }
  .brand-dot { color: var(--brand); }
  .label {
    display: inline-block;
    font: 500 11px/1 var(--font-mono);
    color: var(--brand);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 10px;
    background: rgba(198,244,50,0.08);
    border: 1px solid rgba(198,244,50,0.2);
    border-radius: 4px;
    margin-bottom: 28px;
  }
  h1 {
    font-family: var(--font-display);
    font-size: clamp(34px, 5.5vw, 52px);
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.05;
    margin-bottom: 28px;
  }
  .lede {
    font-size: 17px;
    line-height: 1.65;
    color: var(--text-dim);
    margin-bottom: 40px;
    max-width: 580px;
  }
  .ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 56px; }
  .cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 22px;
    border-radius: 8px;
    font: 500 14px/1 var(--font-display);
    text-decoration: none;
    transition: opacity .15s, background .15s, border-color .15s;
  }
  .cta-primary { background: var(--brand); color: #000; }
  .cta-primary:hover { opacity: 0.88; }
  .cta-secondary { border: 1px solid var(--border-strong); color: var(--text); background: transparent; }
  .cta-secondary:hover { background: var(--bg-card); border-color: var(--text-dim); }
  .meta {
    padding-top: 28px;
    border-top: 1px solid var(--border);
    font: 12px/1.65 var(--font-mono);
    color: var(--text-faint);
  }
  .meta code {
    color: var(--text-dim);
    background: var(--bg-card);
    padding: 3px 7px;
    border-radius: 3px;
    word-break: break-all;
  }
  footer {
    margin-top: 56px;
    padding-top: 28px;
    border-top: 1px solid var(--border);
    font: 12px/1.65 var(--font-mono);
    color: var(--text-faint);
  }
  footer a { color: var(--text-dim); text-decoration: none; margin-right: 20px; transition: color .15s; }
  footer a:hover { color: var(--text); }
  @media (max-width: 480px) {
    .wrap { padding: 24px 20px 56px; }
    .ctas { flex-direction: column; }
    .cta { width: 100%; justify-content: center; }
  }
</style>
</head>
<body>
<div class="wrap">
  <div class="brand">
    <a class="brand-link" href="https://webdesignhot.com/" aria-label="webdesignhot home">webdesignhot<span class="brand-dot">.</span></a>
  </div>
  <span class="label">Archived</span>
  <h1>This page has been archived.</h1>
  <p class="lede">The original webdesignhot catalog ran from 2009 to 2024. We've rebuilt the site from scratch as a store for AI-native products and a curated directory of public design systems.</p>
  <div class="ctas">
    <a class="cta cta-primary" href="https://webdesignhot.com/">Visit webdesignhot →</a>
    <a class="cta cta-secondary" href="https://webdesignhot.com/design.md/">Browse design.md catalog →</a>
  </div>
  <div class="meta">You requested: <code>/feed/</code></div>
  <footer>
    <a href="https://webdesignhot.com/about">About</a>
    <a href="https://webdesignhot.com/changelog">Changelog</a>
    <a href="https://webdesignhot.com/products/agentkit">AgentKit</a>
  </footer>
</div>
</body>
</html>