<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Flink Labs | Near-future intelligent systems</title>
    <meta
      name="description"
      content="Flink Labs is a small applied research lab exploring near-future intelligent systems."
    />
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
    <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=Poppins:wght@300;400;500;700&amp;display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <!-- build:header -->
    <header
      class="sticky top-0 z-20 border-b border-fl-line bg-white/95 backdrop-blur"
    >
      <div
        class="container-fl flex min-h-16 items-center justify-between gap-4 lg:min-h-24"
      >
        <a href="index.html" class="inline-flex items-center no-underline">
          <img src="images/fl_logo_blue.svg" alt="Flink Labs" class="h-6 w-auto" />
        </a>
        <nav class="hidden items-center gap-8 md:flex" aria-label="Primary">
          <a class="body-2 font-medium text-fl-text no-underline hover:text-fl-blue" href="research.html">Research</a>
          <a class="body-2 font-medium text-fl-text no-underline hover:text-fl-blue" href="artefacts.html">Artefacts</a>
          <a class="body-2 font-medium text-fl-text no-underline hover:text-fl-blue" href="clients.html">Work with Flink Labs</a>
        </nav>
        <a
          href="mailto:hello@flinklabs.com"
          class="btn-primary hidden md:inline-flex"
          >Contact</a
        >
      </div>
    </header>
    <!-- /build:header -->

    <main id="top">
      <section class="container-fl pt-6 md:pt-8 lg:pt-10">
        <div class="-mx-4 md:-mx-8 lg:-mx-24">
          <picture class="hero-image">
            <source
              type="image/webp"
              srcset="images/home_hero.webp 1536w"
              sizes="100vw"
            />
            <img
              src="images/home_hero.png"
              alt="Flink Labs near-future research illustration"
              class="hero-image"
              srcset="images/home_hero.png 1536w"
              sizes="100vw"
            />
          </picture>
        </div>
        <div class="hero-panel">
          <div class="max-w-widecopy">
            <p class="caption mb-4">
              Applied research, prototypes, and near-future artefacts
            </p>
            <h1 class="display-1 mb-6">
              Flink Labs works a little bit in the future.
            </h1>
            <p class="intro max-w-widecopy">
              Flink Labs is a small applied research lab exploring human-scale
              intelligent systems.
            </p>
            <p class="mt-6 max-w-widecopy">
              We create prototypes, artefacts, and small working worlds where
              intelligence becomes visible, tangible, playful, and useful.
            </p>
            <p class="mt-6 max-w-widecopy">
              Our work moves across three connected research threads:
              <b>Tangible Ambient Interfaces</b>, <b>Playable Computation</b>,
              and <b>Distributed Intelligence</b>.
            <p class="mt-6 max-w-widecopy">
              The aim is not bigger, louder technology. It is more legible
              intelligence: systems small enough to understand, rich enough to
              explore, and grounded enough to matter.
            </p>
            <div class="mt-8 flex flex-col gap-4 sm:flex-row">
              <a href="research.html" class="btn-primary"
                >Explore the research</a
              >
              <a href="clients.html" class="btn-secondary">Work with Flink Labs</a>
            </div>
          </div>
        </div>
      </section>

      <section id="viewpoint" class="section-fl section-grey">
        <div class="container-fl">
          <div class="max-w-copy">
            <!--<p class="caption mb-4">Opening point of view</p>-->
            <h2 class="display-2 mb-5">
              The future will not arrive as a chatbot.
            </h2>
            <p>
              AI is already changing work, software, creativity, knowledge, and daily life. But the deeper shift will be stranger than adding copilots to existing systems.
            </p>
            <p class="mt-5">
              Intelligence will move into objects, rooms, displays, tools, local networks, personal devices, and built environments. It will become more distributed, more embodied, more ambient, and more entangled with how people live, decide, notice, remember, and act.
            <p class="mt-5">
              Flink Labs explores this shift by making it concrete: not through predictions or slide decks, but through working prototypes, simulations, interfaces, agents, and physical/digital artefacts that let people see what is becoming possible.
            </p>
          </div>
        </div>
      </section>

      <section id="how-the-lab-works" class="section-fl">
        <article class="container-fl mb-8">
          <div class="max-w-copy">
            <p class="caption mb-4 hidden">How the lab works</p>
            <h3 class="display-3 mb-3">Making the near future concrete.</h3>
            <p>
              Flink Labs begins with a question, a possibility, or a sense that something important is changing.
            </p>
            <p class="mt-5">
              From there, we build a small bounded system: a prototype, simulation, interface, object, or agent ecology where the idea can be explored. Bounded worlds make behaviour visible. They let us observe what happens, what breaks, what feels promising, and what was hidden in the abstract.
            </p>
            <p class="mt-5">
              The result is not usually a finished product. It is a clearer direction: a sharper model of the opportunity, a better sense of what matters, and a tangible artefact that helps people think.
            </p>

          </div>
        </article>


        <article class="container-fl mb-8">
          <h3 class="display-3 mb-3">
            Three ways intelligence becomes concrete.
          </h3>
          <p class="mb-8">
            Flink Labs explores this territory through three connected research threads: Tangible Ambient Interfaces, Playable Computation, and Distributed Intelligence. Across all three threads, we draw on artificial life, complexity science, knowledge representation, memory, and learning.
          </p>
          <div class="space-y-10 md:space-y-16 lg:space-y-20">
            <article class="feature-split">
              <picture class="feature-split-media">
                <source
                  type="image/webp"
                  srcset="images/tangible_interfaces.webp 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                />
                <img
                  src="images/tangible_interfaces.png"
                  alt="Tangible Ambient Interfaces research illustration"
                  class="feature-split-media"
                  srcset="images/tangible_interfaces.png 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                  loading="lazy"
                  decoding="async"
                />
              </picture>
              <div class="feature-split-content">
                <p class="caption mb-4">Tangible Ambient Interfaces</p>
                <h3 class="title-1 mb-3">
                  Intelligence situated in the everyday world.
                </h3>
                <p>
                  How intelligence, AI, and data can live in everyday objects,
                  spaces, cards, displays, signals, and interactions.
                </p>
              </div>

            </article>

            <article class="feature-split">
              <picture class="feature-split-media-alt md:order-2">
                <source
                  type="image/webp"
                  srcset="images/playful_computation.webp 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                />
                <img
                  src="images/playful_computation.png"
                  alt="Playable Computation research illustration"
                  class="feature-split-media-alt md:order-2"
                  srcset="images/playful_computation.png 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                  loading="lazy"
                  decoding="async"
                />
              </picture>
              <div class="feature-split-content md:order-1">
                <p class="caption mb-4">Playable Computation</p>
                <h3 class="title-1 mb-3">
                  Models and data as explorable worlds.
                </h3>
                <p>
                  How static dashboards, models, and datasets can become
                  explorable worlds: stateful, interactive, responsive, and rich
                  enough to think with.
                </p>
              </div>

            </article>

            <article class="feature-split">
              <picture class="feature-split-media">
                <source
                  type="image/webp"
                  srcset="images/distributed_intelligence.webp 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                />
                <img
                  src="images/distributed_intelligence.png"
                  alt="Distributed intelligence research illustration"
                  class="feature-split-media"
                  srcset="images/distributed_intelligence.png 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                  loading="lazy"
                  decoding="async"
                />
              </picture>
              <div class="feature-split-content">
                <p class="caption mb-4">Distributed Intelligence</p>
                <h3 class="title-1 mb-3">
                  Computation spread across agents, devices, signals, and
                  networks.
                </h3>
                <p>
                  How networks of agents, devices, protocols, signals, and
                  people can compute together without relying on a single
                  central brain.
                </p>
              </div>
            </article>

          </div>
        </article>

        <div class="container-fl">
          <div class="max-w-widecopy">

            <p class="mt-5">
              Flink Labs builds artefacts across these three threads: prototypes,
              interfaces, simulations, agents, visualisations, and small systems
              from the near future.
            </p>
            <a href="research.html" class="btn-primary mt-8"
              >Explore the research</a
            >
          </div>
        </div>
      </section>

      <section id="work-with-the-lab" class="section-fl">
        <div class="container-fl">
          <div class="feature-panel">
            <div class="feature-panel-split">
              <picture class="feature-panel-media">
                <source
                  type="image/webp"
                  srcset="images/work_with_us_hero.webp 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                />
                <img
                  src="images/work_with_us_hero.png"
                  alt="Work with the lab illustration"
                  class="feature-panel-media"
                  srcset="images/work_with_us_hero.png 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                  loading="lazy"
                  decoding="async"
                />
              </picture>
              <div class="feature-panel-content">
                <p class="caption mb-4">Work with Flink Labs</p>
                <h2 class="display-2 mb-6">
                  Bring a question or provocation, not a backlog.
                </h2>
                <p>
                  Flink Labs works with selected organisations that want to
                  explore what technology is becoming before committing to what
                  they should build.
                </p>
                <p class="mt-5">
                  The best fit is a founder, product leader, executive,
                  research-minded team, or future-focused organisation with a
                  real question, an appetite for prototypes, and enough trust to
                  explore without reducing the work to a fixed delivery
                  checklist.
                </p>
                <p class="mt-5">
                  We are a poor fit for generic software development, AI governance projects,
                  procurement-heavy tenders, or projects that begin with a rigid
                  specification.
                </p>
                <div class="mt-10">
                  <a href="clients.html" class="btn-secondary"
                    >Work with Flink Labs</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section id="engagement-styles" class="section-fl section-grey no-round">
        <div class="container-fl">
          <div class="space-y-10 md:space-y-16 lg:space-y-20">
            <article class="feature-split">
              <picture class="feature-split-media">
                <source
                  type="image/webp"
                  srcset="images/exploration_arc.webp 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                />
                <img
                  src="images/exploration_arc.png"
                  alt="Exploratory inquiry illustration"
                  class="feature-split-media"
                  srcset="images/exploration_arc.png 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                  loading="lazy"
                  decoding="async"
                />
              </picture>
              <div class="feature-split-content">
                <p class="caption mb-4 hidden">Clarify the field</p>
                <p class="caption mb-4">Exploration Arc.</p>
                <h3 class="title-1 mb-3">
                  A focused investigation into a question, opportunity, or
                  near-future possibility.
                </h3>
                <p class="mt-5">
                  Useful when you can sense something important is changing, but
                  do not yet know what to build, test, fund, or avoid.
                </p>
              </div>
            </article>

            <article class="feature-split">
              <picture class="feature-split-media-alt md:order-2">
                <source
                  type="image/webp"
                  srcset="images/future_prototypes.webp 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                />
                <img
                  src="images/future_prototypes.png"
                  alt="Near-Future prototypes illustration"
                  class="feature-split-media-alt md:order-2"
                  srcset="images/future_prototypes.png 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                  loading="lazy"
                  decoding="async"
                />
              </picture>
              <div class="feature-split-content md:order-1">
                <p class="caption mb-4 hidden">Make the future tangible</p>
                <p class="caption mb-4">Near-Future Prototypes.</p>
                <h3 class="title-1 mb-3">
                  A short, focused build that turns an emerging idea into a
                  working prototype, interface, simulation, artefact, or demo.
                </h3>
                <p class="mt-5">
                  Useful when you need to see, use, and test a possible future
                  before committing to a larger direction.
                </p>
              </div>
            </article>

            <article class="feature-split">
              <picture class="feature-split-media">
                <source
                  type="image/webp"
                  srcset="images/lab_residency.webp 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                />
                <img
                  src="images/lab_residency.png"
                  alt="Lab residency illustration"
                  class="feature-split-media"
                  srcset="images/lab_residency.png 1536w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                  loading="lazy"
                  decoding="async"
                />
              </picture>
              <div class="feature-split-content">
                <p class="caption mb-4 hidden">Stay with the question</p>
                <p class="caption mb-4">Lab Residency.</p>
                <h3 class="title-1 mb-3">
                  A deeper engagement with a high-trust team exploring a
                  strategically important future.
                </h3>
                <p class="mt-5">
                  Flink Labs works alongside internal leaders over time to
                  investigate, prototype, interpret, demonstrate, and refine
                  what might come next.
                </p>
              </div>
            </article>
          </div>
        </div>
      </section>

      <section id="credibility" class="section-fl">
        <div class="container-fl">
          <div class="max-w-widecopy">
            <h3 class="display-3 mb-3">Small enough to stay close.</h2>
            <p>
              Flink Labs is intentionally small. That is not a limitation of the
              lab. It is part of the method.
            </p>
            <p class="mt-5">
              Small means the work stays close to the question, the prototype,
              and the people it is for. It means fewer layers, fewer handovers,
              and more judgement in the room.
            </p>
            <p class="mt-5">
              The lab brings decades of experience across intelligent agents,
              data visualisation, complex systems, product development, and
              long-lived software.
            </p>
          </div>
        </div>
      </section>

      <section id="closing-invitation" class="section-fl">
        <div class="container-fl">
          <div class="feature-panel">
            <div class="feature-panel-split">
              <picture class="feature-panel-media">
                <source
                  type="image/webp"
                  srcset="images/home_ending.webp 1254w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                />
                <img
                  src="images/home_ending.png"
                  alt="Closing invitation illustration"
                  class="feature-panel-media"
                  srcset="images/home_ending.png 1254w"
                  sizes="(min-width: 1024px) 50vw, 100vw"
                  loading="lazy"
                  decoding="async"
                />
              </picture>
              <div class="feature-panel-content">
                <h3 class="display-3 mb-6">
                  If you are trying to see what comes next, bring the question
                  here.
                </h3>
                <p>
                  Flink Labs is for people and organisations who want to build
                  the future without pretending it is already fully understood.
                </p>
                <p class="mt-5">
                  If you have a near-future question, a strange product idea, a
                  system you cannot quite see yet, or a technology shift your
                  organisation needs to make tangible, we should talk.
                </p>
                <div class="mt-10 flex flex-col gap-4 sm:flex-row">
                  <a href="mailto:hello@flinklabs.com" class="btn-primary"
                    >Bring a question</a
                  >
                  <a href="research.html" class="btn-secondary"
                    >Explore the research</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- build:footer -->
      <footer id="contact" class="footer-fl section-grey">
        <div class="container-fl">
          <div class="grid gap-8 lg:grid-cols-[minmax(0,4fr)_minmax(0,8fr)]">
            <div>
              <h2 class="display-3 mb-4">Near-Future Intelligence</h2>

              <p class="body-2 text-fl-muted">
                Flink Labs<br />
                425 Smith St<br />
                Fitzroy 3065<br />
                Victoria, Australia
              </p>
            </div>
            <div class="rule-list">
              <a href="index.html">Home</a>
              <a href="research.html">Research</a>
              <a href="artefacts.html">Artefacts</a>
              <a href="clients.html">Work with Flink Labs</a>
            </div>
          </div>
        </div>
        <div class="container-fl mt-10 grid gap-8 text-sm md:grid-cols-2">
          <div>
            <a href="privacy.html" class="text-fl-muted no-underline hover:underline"
              >Privacy Policy</a
            >
            <a
              href="mailto:hello@flinklabs.com"
              class="text-fl-muted no-underline hover:underline ml-2"
              >hello@flinklabs.com</a
            >
          </div>
          <div class="text-left md:text-right">
            ©2026 Flink Labs Pty. Ltd. ABN 87401907673
          </div>
        </div>
      </footer>
      <!-- Google tag (gtag.js) -->
      <script
        async
        src="https://www.googletagmanager.com/gtag/js?id=G-W1HHH67644"
      ></script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() {
          dataLayer.push(arguments);
        }
        gtag("js", new Date());

        gtag("config", "G-W1HHH67644");
      </script>
      <!-- /build:footer -->
    </main>
  </body>
</html>
