1 line
1.6 KiB
HTML
1 line
1.6 KiB
HTML
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Gauntlet Overlay Sketches</title><style>*{box-sizing:border-box}body{margin:0;background:#10131c;color:#f8fafc;font-family:Segoe UI,Arial,sans-serif;padding:40px}h1{font-size:42px;margin:0 0 8px}p{color:#aab4c8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:28px}.card{background:#171c29;border:1px solid #2b3448;border-radius:18px;padding:20px;color:inherit;text-decoration:none;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#5ddcff}.thumb{height:180px;border-radius:14px;margin-bottom:16px;display:grid;place-items:center;font-size:52px}.a{background:linear-gradient(135deg,#35104e,#071628)}.b{background:linear-gradient(135deg,#4a2f1d,#16100c)}.open{color:#7ee7ff;font-weight:800}</style></head><body><h1>Gauntlet Overlay Design Sketches</h1><p>Two visual directions for the stream overlay. These are design-only mockups with sample games and an active state.</p><div class="grid"><a class="card" href="001-arcade-marquee/index.html"><div class="thumb a">🕹️</div><h2>Arcade Marquee</h2><p>Neon, energetic, stream-forward. Active game gets a big hero panel with a horizontal queue.</p><div class="open">Open prototype →</div></a><a class="card" href="002-rpg-quest-ledger/index.html"><div class="thumb b">📜</div><h2>RPG Quest Ledger</h2><p>Gauntlet as a quest book. Strong active game spotlight with cleared/queued quest rows.</p><div class="open">Open prototype →</div></a></div></body></html> |