Kara Zajac
6e5b565e5e
Static landing page reusing the OVERWATCH/SKELETONKEY design system: hero + main-screen screenshot, the five tracker ecosystems, the co-movement decision model + OBSERVED/SUSPICIOUS/ALERTING tiers, the rotating-clone problem, and the fully-offline privacy story. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
24 lines
1.7 KiB
HTML
24 lines
1.7 KiB
HTML
<!doctype html><html lang="en"><head><meta charset="utf-8">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Space+Grotesk:wght@700&display=swap" rel="stylesheet">
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{width:1200px;height:630px;color:#cdd6f4;font-family:Inter,sans-serif;position:relative;overflow:hidden;
|
|
background:radial-gradient(130% 130% at 12% 6%,#26263c 0%,#1e1e2e 52%,#181825 100%)}
|
|
.wrap{padding:76px 82px;height:100%;display:flex;flex-direction:column;justify-content:center}
|
|
.brand{display:flex;align-items:center;gap:24px;margin-bottom:26px}
|
|
.brand img{width:92px;height:92px}
|
|
.name{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:94px;letter-spacing:.04em;color:#fff;line-height:1}
|
|
.tag{font-size:33px;line-height:1.36;color:#bac2de;font-weight:500;max-width:980px}
|
|
.tag b{color:#fff;font-weight:700}
|
|
.meta{position:absolute;bottom:82px;left:82px;font-family:"JetBrains Mono",monospace;font-size:19px;color:#9399b2}
|
|
.meta b{color:#89b4fa}
|
|
.url{position:absolute;bottom:50px;right:82px;font-family:"JetBrains Mono",monospace;font-size:20px;color:#6c7086}
|
|
</style></head><body>
|
|
<div class="wrap">
|
|
<div class="brand"><img src="logo.svg" alt=""><span class="name">VIGIL</span></div>
|
|
<div class="tag"><b>What's been following you?</b> A passive Android app that flags AirTags, Tile, SmartTags & Find My trackers travelling <b>with you over time</b> — even rotating-key clones.</div>
|
|
</div>
|
|
<div class="meta">Apple · Google · Samsung · Tile · <b>DULT</b> — fully offline, listens only</div>
|
|
<div class="url">vigil.netslum.io</div>
|
|
</body></html>
|