Trust2026OngoingFounder & DesignerAdelaide, AU

Adamas Advanced Designs

Independent Design Studio

A small independent studio out of Adelaide building objects and software with the kind of rigor most companies cannot be bothered with anymore. The landing is intentionally a placeholder — the real work is the work.

BrandCreative DirectionWebGL / Three.jsFront-End Engineering
Adamas Advanced Designs ASCII spiral galaxy landing

Context

Adamas Advanced Designs is the studio brand that ships Optima, Roam, and Craftsman. The name comes from the Greek root of 'adamant' — unbreakable, unyielding — also the root of 'diamond'. The landing page is a single full-screen WebGL visualization: an animated ASCII spiral galaxy, rendered in Three.js, that morphs from a static text wall of the studio's manifesto into a rotating logarithmic galaxy.

The Problem

A new studio needs a presence that signals its values before it has a public catalogue. A conventional marketing page would say the opposite of what the studio stands for. The brief was to state a philosophy — deliberate, durable, made with intent — in a single page that feels like it took longer to make than it took to think of.

Constraints

Self-contained

No build step. A single index.html with Three.js loaded from a CDN, so it deploys anywhere and never rots behind a toolchain.

Performance

Pure client-side rendering with a dynamically generated character atlas — no images, no web fonts, no loading screens.

Restraint

The page had to read as a deliberate placeholder, not an over-built brochure — 'the real work is the work.'

Strategic Approach

Encode the manifesto as the source text and reveal it line by line as the spiral forms, so the medium carries the message. Render characters to a canvas atlas and animate them along a logarithmic spiral with configurable arms, twist, and curl. Make the galaxy interactive — the cursor pushes characters away — and expose 30+ live controls and 14 presets behind a hidden settings panel.

Execution

1

Concept

Defined the brand position — durable, intentional, anti-trend — and chose an ASCII galaxy as the visual metaphor for rigor emerging from raw material.

2

WebGL Build

Built the Three.js renderer: a character atlas, logarithmic-spiral placement, and the text-to-galaxy animation sequence.

3

Interaction & Controls

Added cursor repulsion, a replay sequence, and a settings panel with 30+ parameters and 14 named presets.

Outcomes

A self-contained, build-less WebGL landing page that animates the studio's entire manifesto from a text wall into a rotating ASCII galaxy.

ZeroBuild step

A single self-contained index.html; Three.js loads from a CDN.

30+Live controls

Tweakable spiral geometry, motion, and color, with 14 presets.

3Studio products

Optima, Roam, and Craftsman under one brand.

Impact

  • Stated the studio's philosophy in one page without a single line of marketing copy out of place.
  • Proved the brand's thesis in its own medium — rigor and intent visible in the execution.
  • Created a durable, dependency-light artifact that will still run untouched in ten years.

Reflections

Decisions, tradeoffs, and what I'd change.

  • 01

    The medium can be the manifesto. A galaxy built from your own words says more than a tagline.

  • 02

    Constraints like 'no build step' aren't limitations here — they're the point.

  • 03

    Restraint is a position. A deliberate placeholder can say more than a full site.