Skip to main content
  • AI Systems
  • Live. You are inside it.
  • Our own system

Applied AI Systems: we built the system we sell

This website is not a brochure; it is an applied example of our product thinking. The AI chat answers from our own files and routes you to real destinations, every surface you touch writes one shared record of your visit, and the brand runs on a computed colour system with its own documentation.

self-evidencing: every claim names a feature of the site you are currently using.

Talk to us about a build like thisAll 7 projects
The Applied AI homepage: the particle field flowing around the AI input bar, with the headline and navigation above.
The front door is a conversation. Captured from the live build.
Company
Applied AI Systems, LLC
Built by
Ryan McQuillan · Caleb

A look inside

The ask surface: a threaded conversation answering from Applied AI's own content.
The chat is grounded in our own corpus, so it answers with sources and routes to real pages. Captured from the live build.
The Aphotine brand colour system document: the colour swatch, its CIELAB values, and its establishment date.
Aphotine, our colour: computed, then named, then documented. A page from the brand system that governs everything you see here.

The work

  1. Stage: points

    The problem

    An AI consultancy's site has one honest test: does the firm run on what it sells? A brochure that talks about intelligent systems while behaving like a static page fails it.

  2. Stage: connections

    What we built

    The site itself: a conversational front door whose chat is grounded in a curated corpus of what the company actually does and charges; an intent layer that turns questions into navigation; a visitor board that carries what you said into a pre-filled contact draft, in your words and never our guesses; capture wired end to end into a database; and the brand system behind it: a computed, named colour (Aphotine), a logo construction kit, and branded documentation.

    • Next.js
    • TypeScript
    • Cloudflare D1
    • Claude API
    • WebGL2
  3. Stage: resolved

    The result

    The proof is interactive. Ask the chat something, watch the site route you, and check the contact form: it drafts from what you actually explored. Click around, because this is part of the system.

Evidence at a glance

  • the chat answers from our own files, with pages linked
  • every surface writes one visitor record, in your words
  • computed brand colour with published documentation
  • the funnel you are inside is the deliverable

From the Systems Library

The reusable patterns behind work like this.

Documented systems from the library in the same territory, each one something we can bring into a project.

  • UI element

    The glass panel kit

    The glass this site is made of, as one CSS file

    Works with Claude Code, Cursor.

    Built and running

  • CLAUDE.md starter

    Company brain starter

    Give an agent the shape of your company before it writes a word

    Works with Claude Code, Cursor.

    Built and running

  • UI element

    The mega menu

    A mega menu that opens on hover with intent and behaves on a keyboard

    Works with Claude Code, Cursor.

    Built and running

Want one of these pointed at your business?

Talk to us about a project like this