27 lines
5.9 KiB
HTML
27 lines
5.9 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="The Teppelin Lab is where members explore AI, creative technology, open-source tools, and new digital experiences."><title>The Lab - 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="work">
|
|
<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="../assets/brand/teppelin-full-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 / The lab</p><p class="page-hero-copy">The lab is not a polished portfolio of invented outcomes. It is a living set of technical territories where members experiment, collaborate, and publish what they discover.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">03</b>Ideas</span><span>become</span><span class="text-orange">evidence.</span></h1></section>
|
|
|
|
<section class="section"><div class="project-list">
|
|
<article class="project reveal"><div class="project-image project-visual project-visual-north" aria-label="Abstract visual for agentic systems"><span class="project-visual-code">LAB / 01</span><span class="project-visual-title">AGENT<br>STACKS</span><span class="project-visual-shape"></span><span class="project-visual-note">Applied AI / Evaluation / Interfaces</span></div><div class="project-info"><div><span class="project-number">01 / AGENTIC SYSTEMS</span><h2>From model to useful behavior.</h2><p>Exploring agents, tool use, memory, evaluation, reliability, and the interface patterns that make autonomous systems understandable.</p><div class="project-tags"><span>AI</span><span>Agents</span><span>Research</span></div></div><a class="btn" href="contact.html">Propose a collaboration</a></div></article>
|
|
<article class="project reveal"><div class="project-image project-visual project-visual-forme" aria-label="Abstract visual for creative technology"><span class="project-visual-code">LAB / 02</span><span class="project-visual-title">REAL<br>TIME</span><span class="project-visual-shape"></span><span class="project-visual-note">Motion / 3D / Generative systems</span></div><div class="project-info"><div><span class="project-number">02 / CREATIVE TECHNOLOGY</span><h2>Code as a visual material.</h2><p>Combining graphics, interaction, motion, sound, and computation to create expressive digital experiences that could not exist in static media.</p><div class="project-tags"><span>Creative code</span><span>WebGL</span><span>Motion</span></div></div><a class="btn" href="join.html">Build with us</a></div></article>
|
|
<article class="project reveal"><div class="project-image project-visual project-visual-axis" aria-label="Abstract visual for open tools"><span class="project-visual-code">LAB / 03</span><span class="project-visual-title">OPEN</span><span class="project-visual-shape"></span><span class="project-visual-note">Tools / Infrastructure / Knowledge</span></div><div class="project-info"><div><span class="project-number">03 / OPEN TOOLS</span><h2>Small tools, shared leverage.</h2><p>Building reusable software, templates, components, and technical knowledge that help other builders move faster and think more clearly.</p><div class="project-tags"><span>Open source</span><span>Devtools</span><span>Systems</span></div></div><a class="btn" href="contact.html">Bring an idea</a></div></article>
|
|
</div></section>
|
|
|
|
<section class="section section-orange"><div class="intro-grid"><h2 class="section-title reveal">Not case studies.<br>Active questions.</h2><div class="intro-copy reveal reveal-delay"><p class="lede">The lab will evolve as members publish real experiments, prototypes, repositories, and write-ups.</p><p class="body-copy">Until then, these territories communicate what Teppelin is actively interested in without pretending unfinished or fictional work is a client portfolio.</p><div class="button-row"><a class="btn" href="methodology.html">Inside the collective</a></div></div></div></section>
|
|
</main>
|
|
|
|
<footer class="site-footer"><div class="footer-cta"><h2 class="reveal">Bring a question worth building.</h2><a class="btn btn-orange reveal" href="contact.html">Collaborate with us</a></div><div class="footer-bottom"><a class="footer-brand" href="../index.html"><img class="footer-logo" src="../assets/brand/teppelin-full-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>
|