Website

Build with Vlak
Athena Labs

Introducing Athena 2

Reasoning models for research and engineering.

Work through complex questions with your documents, data, and code in view.

Model

Athena 2

Reason across research, technical documents, and code.

Context

512k tokens

Keep source material and working notes in one conversation.

Deployment

Your environment

A hosted service or a private deployment.

Athena Labs is a fictional companyInterface study · Vlak

Read the proposition → explore the model → open the system card

View source
About this download

A standalone Vite and React project using Vlak 0.5.0. Extract the ZIP, open its folder, then run npm install and npm run dev. Requires Node 22.12 or newer.

Athena Labs and its model capabilities are fictional. The local portrait is adapted from Bust of Athena by yugengen under CC BY 4.0; keep the supplied attribution. A still portrait is shown when WebGL is unavailable.

Asset attribution and license notices are included in CREDITS.md and linked from the running project.

Installation and base examples

Inside the interface

A landing page for Athena Labs, a fictional model company. A slowly rotating Athena bust, drawn entirely in fine contours, sits beside the opening statement. The primary action opens a model overview, while a secondary action reveals the research summary in the same card layout.

Switch between Models, Research, and Company to explore the page. Athena Labs and its model capabilities are fictional.

Watch the 20-second walkthrough

A short walkthrough of the working website study.

Components used

Bust of Athena by yugengen, licensed under CC BY 4.0. Adapted into an animated contour drawing for Vlak.

Use this as a starting point

Build with Vlak

Install the components, add the stylesheet, and bring your own content. The study’s source shows how the pieces fit together.

React componentsCSS includedMIT licensed

Download the Website starter

Install the package
npm install @noorddev/vlak-react
import "@noorddev/vlak-react/css";
Installation guide View study source

Start with your coding agent

A ready-to-use brief with this study, Vlak’s components, and the design guide.

Component modifications

  • Card, Card label, Card title, and Card body form the model summary. Their outer sizing is adapted to equal columns with shared dividers.
  • Buttons use the page's local paper-and-ink colors. A custom text-style button opens the research summary beside the primary model action.
  • A local Three.js renderer draws the licensed Athena bust as fine contours and silhouettes. Slow rotation pauses on request and respects reduced motion; the same model supplies the static fallback. Creator attribution sits below Components used.
  • On mobile, a disclosure menu replaces the desktop navigation row. Selecting a section closes the menu and moves to a single-column reading layout. The menu supports Escape and returns focus to its trigger.