Houston Labs landing page

Professional/futuristic single-page site for Houston Labs LLC. Static index.html + styles.css; push to main auto-deploys via Forgejo hook. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-24 16:20:06 -04:00
commit ecaf3f0327
3 changed files with 326 additions and 0 deletions
@@ -0,0 +1,121 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Houston Labs — Technological Research &amp; Development</title>
+<meta name="description" content="Houston Labs is a technological research and development company building the tools, systems, and ideas where advanced technology meets human creativity.">
+<meta name="theme-color" content="#070810">
+
+<!-- Open Graph -->
+<meta property="og:type" content="website">
+<meta property="og:title" content="Houston Labs">
+<meta property="og:description" content="Engineering the future of creative technology. A research &amp; development company by Lambert Houston.">
+<meta property="og:url" content="https://houstonlabs.us/">
+
+<!-- Inline SVG favicon — orbital "H" mark, no extra request -->
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%23070810'/%3E%3Cg fill='none' stroke-width='1.6'%3E%3Cpath d='M11 9v14M21 9v14M11 16h10' stroke='%23e9ecf5'/%3E%3Cellipse cx='16' cy='16' rx='12.5' ry='5.4' transform='rotate(-24 16 16)' stroke='%2338e0ff' opacity='.7'/%3E%3C/g%3E%3C/svg%3E">
+
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="styles.css">
+</head>
+<body>
+<div class="field" aria-hidden="true"></div>
+
+<header class="nav">
+  <a class="brand" href="/">
+    <svg class="brand-mark" viewBox="0 0 32 32" width="26" height="26" aria-hidden="true">
+      <g fill="none" stroke-width="1.6">
+        <path d="M11 9v14M21 9v14M11 16h10" stroke="#e9ecf5"/>
+        <ellipse cx="16" cy="16" rx="12.5" ry="5.4" transform="rotate(-24 16 16)" stroke="#38e0ff" opacity=".75"/>
+      </g>
+    </svg>
+    <span class="brand-name">HOUSTON&nbsp;LABS</span>
+  </a>
+  <nav class="nav-links">
+    <a href="#focus">Focus</a>
+    <a href="#founder">Founder</a>
+    <a class="nav-cta" href="mailto:contact@houstonlabs.us">Contact</a>
+  </nav>
+</header>
+
+<main>
+  <section class="hero">
+    <p class="eyebrow">Technological Research &amp; Development</p>
+    <h1>Engineering the future of<br><span class="grad">creative technology.</span></h1>
+    <p class="lede">Houston Labs is a research and development company building the tools, systems,
+      and ideas at the frontier where advanced technology meets human creativity.</p>
+    <div class="cta-row">
+      <a class="btn btn-primary" href="mailto:contact@houstonlabs.us">Start a conversation</a>
+      <a class="btn btn-ghost" href="#focus">See our focus →</a>
+    </div>
+  </section>
+
+  <section class="thesis">
+    <p><span class="thesis-lead">The next era of creative work</span> will be defined by the technology
+      built to serve it. We research that frontier, prototype what it makes possible, and ship the
+      systems that bring it into the real world.</p>
+  </section>
+
+  <section class="focus" id="focus">
+    <div class="section-head">
+      <span class="label">/ What we do</span>
+      <h2>Four ways we work</h2>
+    </div>
+    <div class="grid">
+      <article class="card">
+        <span class="idx">01</span>
+        <h3>Applied Research</h3>
+        <p>Exploratory R&amp;D at the edge of emerging technology — taking ideas from first
+          principles to working prototype.</p>
+      </article>
+      <article class="card">
+        <span class="idx">02</span>
+        <h3>Creative Technology</h3>
+        <p>Systems and tooling built for storytellers, studios, and the people shaping the
+          future of visual media.</p>
+      </article>
+      <article class="card">
+        <span class="idx">03</span>
+        <h3>Product &amp; Ventures</h3>
+        <p>Turning research into products and ventures — with a clear, deliberate path from
+          the lab to the market.</p>
+      </article>
+      <article class="card">
+        <span class="idx">04</span>
+        <h3>Advisory</h3>
+        <p>Strategic guidance for organizations navigating the shift to AI-native creative
+          pipelines and production.</p>
+      </article>
+    </div>
+  </section>
+
+  <section class="founder" id="founder">
+    <div class="section-head">
+      <span class="label">/ Leadership</span>
+      <h2>Founded on a rare vantage point</h2>
+    </div>
+    <div class="founder-body">
+      <p>Houston Labs is founded and led by <strong>Lambert Houston</strong>, Chief Executive Officer.
+        A career in the film industry gave Lambert a firsthand understanding of how creative work
+        actually gets made — and an instinct for where technology can take it next.</p>
+      <p>That perspective is the company&rsquo;s foundation: an R&amp;D firm that understands the future
+        of creative technologies because it has lived the craft those technologies are built to serve.</p>
+    </div>
+  </section>
+</main>
+
+<footer class="foot" id="contact">
+  <div class="foot-top">
+    <a class="btn btn-primary" href="mailto:contact@houstonlabs.us">contact@houstonlabs.us</a>
+  </div>
+  <div class="foot-meta">
+    <span class="brand-name">HOUSTON&nbsp;LABS</span>
+    <span>Houston Labs&nbsp;LLC · A New York Limited Liability Company</span>
+    <span>© 2026 Houston Labs LLC. All rights reserved.</span>
+  </div>
+</footer>
+</body>
+</html>