Portfolio Showcase Project

2026
Precision metrology
Concept brand

Coldlight Instrument Works

Instruments that measure light by interfering with it

A concept website for a fictional metrology workshop, written the way an instrument maker writes: in tolerances, plate numbers and dates, with a facility readout instead of an about page.

The whole site is one long specification. Nothing is rounded, nothing is a card, and every claim on it carries a number you could check.

Coldlight Instrument Works homepage, an interference fringe pattern behind the studio name
PLATE 00Home · interference fringes, generated live

01

The premise

Subject fictional metrology firm Voice workshop, not marketing

A polishing machine does not know when to stop.

That sentence is the site's own, and it is the argument the whole page is built to support: precision is a human judgement about when to stop removing material, not a setting on a machine. Everything else follows from taking that seriously.

The brief was to write a brand that sells accuracy without ever using the word “quality”. So the copy states tolerances, dates and counts, like 12 accreditations, the earliest granted in 1923, and lets the reader draw the conclusion.

Coldlight's accreditation section: not one instrument ships without its marks
PLATE 01Marks · every instrument ships with its certification record

02

Product register

Instruments 4 in production Layout rail + prose, no grid

Four instruments in current production.

The product section is a list, not a grid of tiles. Each instrument gets a designation (M-VIII, PC-IV, CA-2), a one-line function, and a rule under it. A grid would have made four instruments look like a catalogue; a list makes them look like everything the workshop can currently build, which is the honest reading.

The site's navigation is numbered 01 to 04 for the same reason. It is a table of contents for a specification, and it tells you how long the document is before you start.

The Coldlight instrument register: four instruments listed with designations and functions
PLATE 02Register · M-VIII, PC-IV, CA-2 and one more in production

03

Environment

Section replaces the about page Data live-feel, static source

Facility readout.

Instead of a team page, the site ends on a readout: the conditions the workshop holds, in the format a controlled environment logs them. It is the most quietly persuasive block on the page, because it is the only one that would be embarrassing to fake.

No counters animate up from zero. The numbers are simply there, monospaced and right-aligned, the way a readout would show them.

Coldlight's facility readout section, showing environment figures in a monospaced table
PLATE 03Readout · environment figures, stated not animated

04

Detected stack

Detected live not claimed

Build sheet.

Framework
Next.js App Router, static generation, Vercel edge
Scroll
GSAP with Lenis: smoothing only, no scroll-jacked chapters
3D
Three.js drives the interference fringe field behind the hero
Type
Display grotesque + grotesque body + monospace for all measurements
Geometry
0 to 2px radii throughout; rules instead of card borders

05

Small screens

Viewport 390 × 844

The rail folds, the rules stay.

Coldlight Instrument Works on a 390px phone viewport
PLATE 04390 × 844

On a phone the left rail collapses above its own row rather than disappearing, so the plate number and the tolerance stay attached to the thing they describe.

The hairline rules do the work the two-column grid was doing on desktop. Nothing gains a border or a corner radius on the way down.

Tell us the tolerance

See the fringes move.

The interference field behind the hero is generated, not a video loop, and worth a look at full size. Built by Aspire Kinetic Network as a portfolio showcase project.

Visit Live Website

Built by Aspire Kinetic Network

We are a web design and SEO studio in Warangal, Telangana. This was a concept build; the same stack and the same standards go into client work. Founding Partner Programme: five slots, first clients, design and build free on a monthly maintenance plan, while we document the results.