AI Syntesis Platform

AI_SYNTHESIS// paste code or describe a site — see it live

43 LINES · 1155 CHARS

<!DOCTYPE html>
<html>
<head>
<style>
  * { margin:0; padding:0; box-sizing:border-box; }
  body {
    background: #0a0a1a;
    color: #c0e8f0;
    font-family: 'Segoe UI', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
  }
  .hero { text-align: center; padding: 2rem; }
  h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #00ffff, #0088ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  p { opacity: 0.7; max-width: 500px; line-height: 1.7; margin: 0 auto; }
  .badge {
    display: inline-block;
    border: 1px solid rgba(0,255,255,0.3);
    padding: 4px 14px;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: rgba(0,255,255,0.8);
  }
</style>
</head>
<body>
  <div class="hero">
    <span class="badge">PASTE YOUR CODE BELOW</span>
    <h1>AI BUILDER</h1>
    <p>Paste any HTML code into the editor on the left — it will instantly render here in the preview. You can also type in the chat to describe what you want.</p>
  </div>
</body>
</html>

LIVE_PREVIEW