<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Your Lab Marketing — Launching Soon</title>
<meta name="description" content="Your Lab Marketing — a marketing agency launching soon. Get in touch." />
<!-- Open Graph / social preview -->
<meta property="og:title" content="Your Lab Marketing" />
<meta property="og:description" content="A marketing agency launching soon." />
<meta property="og:type" content="website" />
<style>
:root {
--bg: #0e0f13;
--bg-soft: #16181f;
--text: #f4f4f5;
--muted: #a1a1aa;
--accent: #f5a623;
--accent-soft: rgba(245, 166, 35, 0.12);
--border: rgba(255, 255, 255, 0.08);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: radial-gradient(circle at 30% 20%, #1a1c24 0%, var(--bg) 55%);
color: var(--text);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.wrap {
width: 100%;
max-width: 620px;
text-align: center;
}
.badge {
display: inline-block;
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--accent);
background: var(--accent-soft);
border: 1px solid rgba(245, 166, 35, 0.25);
padding: 6px 14px;
border-radius: 999px;
margin-bottom: 28px;
}
.logo {
font-size: clamp(30px, 7vw, 52px);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.05;
margin-bottom: 18px;
}
.tagline {
font-size: clamp(16px, 2.6vw, 20px);
color: var(--muted);
line-height: 1.55;
max-width: 460px;
margin: 0 auto 40px;
}
.cta {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--accent);
color: #1a1205;
font-weight: 600;
font-size: 15px;
text-decoration: none;
padding: 13px 26px;
border-radius: 10px;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cta:hover {
transform: translateY(-1px);
box-shadow: 0 8px 24px rgba(245, 166, 35, 0.25);
}
.footer {
margin-top: 56px;
padding-top: 24px;
border-top: 1px solid var(--border);
font-size: 13px;
color: var(--muted);
}
.footer a { color: var(--muted); text-decoration: none; border-bottom: 1px solid var(--border); }
.footer a:hover { color: var(--text); }
</style>
</head>
<body>
<main class="wrap">
<span class="badge">Launching Soon</span>
<h1 class="logo">Your Lab Marketing</h1>
<p class="tagline">
Marketing that’s built, tested, and refined — like everything worth doing in a lab. Something new is on the way.
</p>
<a class="cta" href="mailto:hello@yourlabmarketing.com">
Get in touch →
</a>
<div class="footer">
© <span id="year"></span> Your Lab Marketing ·
<a href="mailto:hello@yourlabmarketing.com">hello@yourlabmarketing.com</a>
</div>
</main>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>