37 lines
5.5 KiB
HTML
37 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Explore what the developers, designers, AI builders, and technical creators of Teppelin Labs build together.">
|
|
<title>What We Build - Teppelin Labs</title>
|
|
<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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body data-page="solutions">
|
|
<a class="skip-link" href="#main">Skip to content</a><div class="scroll-progress" aria-hidden="true"><span></span></div><div class="cursor-dot" aria-hidden="true"></div><div class="cursor-ring" aria-hidden="true"></div>
|
|
<header class="site-header"><a class="brand" href="index.html" aria-label="Teppelin Labs home"><img class="brand-logo" src="Logomark.png" alt="Teppelin Labs"></a><button class="menu-toggle" type="button" aria-label="Toggle navigation" aria-expanded="false"><span></span></button><nav class="site-nav" aria-label="Primary navigation"><span class="nav-divider">Explore</span><a href="index.html" data-nav="home">About</a><a href="solutions.html" data-nav="solutions">Build</a><a href="work.html" data-nav="work">Lab</a><span class="nav-divider">Members</span><a href="methodology.html" data-nav="methodology">Collective</a><a class="nav-cta" href="join.html" data-nav="join">Apply</a></nav></header>
|
|
|
|
<main id="main">
|
|
<section class="page-hero grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Visitor path / What we build</p><p class="page-hero-copy">The collective works where software, design, artificial intelligence, and internet culture meet. We build to discover what technology can become next.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">01</b>Build</span><span>past the</span><span class="text-orange">expected.</span></h1></section>
|
|
|
|
<section class="section-tight"><div class="capability-grid reveal">
|
|
<article class="capability-card"><span class="meta">01 / Software</span><h2 class="card-title">Digital<br>products</h2><p class="body-copy">Useful, ambitious software shaped by strong engineering and deliberate interaction design.</p><ul><li>Web applications</li><li>Mobile products</li><li>Developer tools</li><li>Platforms and APIs</li></ul></article>
|
|
<article class="capability-card"><span class="meta">02 / Intelligence</span><h2 class="card-title">AI<br>systems</h2><p class="body-copy">Applied experiments that move models out of demos and into thoughtful, testable workflows.</p><ul><li>Agents and automation</li><li>Model interfaces</li><li>Evaluations</li><li>Applied research</li></ul></article>
|
|
<article class="capability-card"><span class="meta">03 / Experience</span><h2 class="card-title">Creative<br>technology</h2><p class="body-copy">New forms of expression built through code, motion, real-time graphics, and emerging media.</p><ul><li>Interactive experiences</li><li>Creative coding</li><li>3D and spatial</li><li>Experimental interfaces</li></ul></article>
|
|
</div></section>
|
|
|
|
<section class="section section-dark"><div class="intro-grid"><h2 class="section-title reveal">Projects begin<br>with a <span class="text-orange">spark.</span></h2><div class="intro-copy reveal reveal-delay"><p class="lede">A member shares an idea. Others sharpen it, test it, and decide whether to form a build team.</p><p class="body-copy">Some projects are weekend experiments. Others become open-source tools, serious products, collaborations, or new ventures. Teppelin gives each idea access to a wider range of technical and creative perspectives.</p></div></div></section>
|
|
|
|
<section class="section grid-surface"><p class="eyebrow reveal">How the collective contributes</p><div class="service-list reveal">
|
|
<div class="service-row"><span class="meta">A</span><h3>Start a lab</h3><p>Bring a clear idea, technical question, or creative provocation to the community.</p><span class="arrow">↗</span></div>
|
|
<div class="service-row"><span class="meta">B</span><h3>Join a build</h3><p>Contribute your craft to an active member-led experiment or collaborative product.</p><span class="arrow">↗</span></div>
|
|
<div class="service-row"><span class="meta">C</span><h3>Share knowledge</h3><p>Run a session, publish a breakdown, critique work, or help another builder move forward.</p><span class="arrow">↗</span></div>
|
|
</div></section>
|
|
|
|
<section class="statement section-orange"><p class="reveal">We are less interested in predicting the future than in making enough things to discover it.</p><img class="statement-mark" src="Simplified_Logomark.png" alt="" aria-hidden="true"></section>
|
|
</main>
|
|
|
|
<footer class="site-footer"><div class="footer-cta"><h2 class="reveal">Have something worth exploring?</h2><a class="btn btn-orange reveal" href="contact.html">Collaborate with the lab</a></div><div class="footer-bottom"><a class="footer-brand" href="index.html"><img class="footer-logo" src="Logomark.png" alt="Teppelin Labs"></a><div class="footer-links"><a href="solutions.html">What we build</a><a href="work.html">The lab</a><a href="methodology.html">The collective</a><a href="join.html">Apply</a><a href="contact.html">Collaborate</a></div><p class="footer-meta">© <span data-year></span> Teppelin Labs<br>Built online, worldwide</p></div></footer>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|