Silk — Minimal Coming Soon

<main class="sk-wrap"><div class="sk-inner">
  <span class="sk-mark">SILK</span>
  <div class="sk-mid">
    <p class="sk-kicker">Coming soon</p>
    <h1>Something beautiful is almost ready.</h1>
    <p class="sk-date">Launching 09 . 2026</p>
    <form class="sk-form" novalidate><label class="visually-hidden" for="sk-e">Email</label>
      <input id="sk-e" type="email" placeholder="Enter your email" autocomplete="email" required><button type="submit" aria-label="Notify me">→</button></form>
  </div>
  <footer class="sk-foot"><span class="x-by">Powered by <a href="https://convertatlas.org" rel="noopener">convertatlas.org</a></span></footer>
</div></main>

*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sk-wrap{min-height:100vh;background:#fff;color:#111827;font-family:'Inter',system-ui,sans-serif;display:flex;align-items:stretch;justify-content:center;padding:40px 28px}
.sk-inner{width:100%;max-width:640px;display:flex;flex-direction:column;text-align:center}
.sk-mark{font-family:'Sora',sans-serif;font-weight:800;letter-spacing:.4em;font-size:1rem;color:#111827}
.sk-mid{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0}
.sk-kicker{font-size:.76rem;letter-spacing:.26em;text-transform:uppercase;color:#9ca3af;margin:0 0 26px}
.sk-mid h1{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(1.9rem,5.5vw,3rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 26px;color:#111827}
.sk-date{font-size:.92rem;letter-spacing:.18em;color:#6b7280;margin:0 0 40px}
.sk-form{display:flex;gap:0;max-width:380px;margin:0 auto;width:100%;border-bottom:1.5px solid #111827}
.sk-form input{flex:1;padding:12px 4px;border:0;background:transparent;font:inherit;font-size:1rem;color:#111827;text-align:center}
.sk-form input::placeholder{color:#9ca3af}.sk-form input:focus{outline:none}
.sk-form button{border:0;background:transparent;font-size:1.3rem;color:#111827;cursor:pointer;padding:0 10px;line-height:1}
.sk-form button:focus-visible{outline:2px solid #111827;outline-offset:3px}
.sk-foot{padding-top:20px}.x-by{font-size:.8rem;color:#9ca3af}.x-by a{color:#111827;text-decoration:none;font-weight:600}.x-by a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){}

(function(){var f=document.querySelector('.sk-form');if(!f)return;f.addEventListener('submit',function(e){e.preventDefault();var i=f.querySelector('input');if(!i.value||!i.checkValidity()){i.focus();return;}f.innerHTML='<p style="margin:0;color:#111827;font-weight:600">✓ Thank you — we\'ll be in touch.</p>';});})();