Product Design

Theia

Product design and frontend for Theia, a company brain that answers across nine work tools and cites the document behind every line.

Client
Theia
Year
2026
Role
Product Designer, Frontend
Services
Product Design, Landing Page, Frontend Development, Scroll Motion, Visual Identity

Theia is a company brain built on HydraDB. It answers questions across Slack, Gmail, Linear, Jira, GitHub, Confluence, Drive, HubSpot and Fireflies, works out who is who, prefers the fact that is still true, and cites the document behind every line.

I designed and built the frontend: the landing page, the dashboard and the knowledge graph views, in React, TypeScript, Tailwind and Motion. The look is a Greek temple, after the Titan of sight the product is named for.

Theia landing page: “Know It All, With Your Own Company Brain” between ruined columns, a white winged statue leaping over a sea valley, with connected apps and a cited answer floating beside it

The brief

Know it all

Company knowledge is scattered across nine tools, and the same person goes by four names in them. Theia folds it all into one graph. The interface had to make that feel less like a database and more like an oracle: calm, certain, and always showing its sources.

Between two Ionic columns under a lettered architrave, the Theia mark and the line “Know it all, with your own company brain”; a verdigris statue glides in from behind each column
The colonnade

Landing page

A temple you scroll through

Theia is the Titan of sight, so the landing page is a temple: ruined columns and a leaping statue in the hero, then a colonnade where two statues glide in from behind the columns as you scroll. The motion is tied to scroll position, so it runs backwards when you scroll back.

The section “See What Is Happening Under the Table”: connected apps and 25,812 ingested files flow into HydraDB and out as a cited answer, framed by two columns with statues behind them
Under the table

Video: A question about telemetry mode types itself out, and Theia’s answer arrives with the sources behind it

Video: An Organization Stack card fills with Gmail, Slack, HubSpot, Drive, Jira and GitHub

Nine tools, one graph.

25,812
Documents folded in
18,262
Resolved entities
10,357
Facts, each cited

The mark

A statue that became a letter

The mark starts from a winged sculpture. Cut out, it goes from bronze to verdigris to a flat silhouette, and the silhouette takes the place of the T in a tall, high-contrast italic.

The winged figure in four steps: bronze, verdigris, a flat silhouette, and the Theia mark
From sculpture to mark
The Theia mark in white, the winged figure standing in for the T, over a dark, blurred temple
Key art: the winged statue leaping over temple ruins at dusk, low sun between the columns
Key art