2ro
44d186d0a7
Swap the founder/leadership section for a 'Get in contact' section with a mailto button; nav now links to #contact and an Email us action. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
118 lines
5.1 KiB
HTML
118 lines
5.1 KiB
HTML
<!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 & 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 & 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 LABS</span>
|
|
</a>
|
|
<nav class="nav-links">
|
|
<a href="#focus">Focus</a>
|
|
<a href="#contact">Contact</a>
|
|
<a class="nav-cta" href="mailto:contact@houstonlabs.us">Email us</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<p class="eyebrow">Technological Research & 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&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 & 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="contact-cta" id="contact">
|
|
<div class="section-head">
|
|
<span class="label">/ Get in contact</span>
|
|
<h2>Let’s build what’s next.</h2>
|
|
</div>
|
|
<p class="contact-lede">Working at the frontier of creative technology, or want to start a
|
|
conversation? We’d like to hear from you.</p>
|
|
<a class="btn btn-primary btn-lg" href="mailto:contact@houstonlabs.us">Email us →</a>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="foot">
|
|
<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 LABS</span>
|
|
<span>Houston Labs LLC · A New York Limited Liability Company</span>
|
|
<span>© 2026 Houston Labs LLC. All rights reserved.</span>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|