(01) — Case StudySelf-initiated study · 2026

Arkē Ventures.

Editorial fund brand with a Three.js constellation hero and scroll-timed camera sequence.

Arkē Ventures
(02) — Context
[ Brief ]

An early-stage venture fund investing in frontier technology — AI infrastructure, robotics, space systems, quantum compute. The thesis is "fund the infrastructure layer." The brand site had to read like a research paper, not a pitch deck.

[ Role ]

Brand direction, motion, and end-to-end build. Worked with the partner group on positioning before the first pixel.

[ Scope ]
  • 01. Brand direction
  • 02. Motion design
  • 03. Three.js
  • 04. Data visualization
  • 05. Implementation
(03) — Process
01

Position

Studied the fund's deal flow and partner essays. Found the through-line: they fund the infrastructure layer, not applications. Every design decision reinforces that — dense, technical, confident.

02

Typography

Paired IBM Plex Mono with a neutral grotesque. Dense information, precision spacing, numbered sections. Academic more than corporate. Readers should feel like they're studying, not consuming.

03

Motion language

A constellation field: each portfolio company is a point of light, scroll flies the camera past them one-by-one. The fund's thesis unfolds as coordinates in space — literally and figuratively.

04

Build

Next.js App Router, react-three-fiber for the constellation, D3 for portfolio allocation diagrams, GSAP ScrollTrigger timing the narrative. Deployed to Vercel.

(04) — Design Details[ 05 frames · scroll to advance ]
Constellation hero
[01 / 05]
[01] — Detail

Constellation hero

Scroll-tied camera through a field of 40+ portfolio companies, each one lighting as the camera approaches. Three.js with instanced meshes for performance.

Thesis pages
[02 / 05]
[02] — Detail

Thesis pages

Type-first sections with custom SVG diagrams explaining the fund's investment framework. Reads like a research paper's abstract.

Portfolio index
[03 / 05]
[03] — Detail

Portfolio index

Dense tabular index in monospace type, sortable by year / stage / sector. Rendered server-side for instant first load.

Partner pages
[04 / 05]
[04] — Detail

Partner pages

Editorial portraits with pulled quotes about each partner's investment lens. Long-form companion content to the thesis.

Deal-flow form
[05 / 05]
[05] — Detail

Deal-flow form

Minimal, mono-typed, precise — mirrors the brand's rigor. No stock-photo CTA, no urgency language. Just the fields that matter.

(05) — Outcome

A fund site that reads like a research paper — dense, technical, confident. Less gloss, more substance. The visual language signals expertise before the first word is read.

[ Next project ]

Maison d'Or

Brand · Hospitality