Portfolio Showcase Project

Meridian 87

A dark-sky lodge in the Ossara Basin

A concept website for a nine-room lodge whose entire proposition is the absence of light. It is the one light-mode site in this portfolio, and it inverts to night the moment the subject turns to the sky.

Read slowly on purpose: wide image bands, a narrow column of type, and a serif that behaves like a magazine rather than a booking engine.

Meridian 87 homepage: a bright desert road under open sky, with the line the nearest streetlight is 87 kilometres away
Home · The nearest streetlight is 87 kilometres away

The distance is the product.

The headline is a measurement, not an adjective. Every other lodge site in this category opens with a promise about escape; this one opens with the number that makes the escape true, and then spends the rest of the page substantiating it.

The copy holds that discipline throughout. Four hundred square kilometres of nothing worth building on. Nine rooms, and no two face the same way. Bortle 1, and there is no lower number. Each line is checkable, and none of them is a slogan.

Meridian 87's land section: four hundred square kilometres of nothing worth building on, with basin figures
The land · 87 km · 400 km² · one highway

Nine rooms, and no two face the same way.

The rooms are presented as a plate sequence (Ridge, Courtyard, Corner, Cistern, Sill), each one photographed for its light rather than its furniture. There is no “book now” band cutting between them, and no availability widget.

The tabular figures under the section are set as figures, not as animated counters. A number that counts up from zero is asking to be admired; a number that is simply printed is asking to be checked.

The rooms section of Meridian 87, five rooms photographed for their light
The rooms · Ridge, Courtyard, Corner, Cistern, Sill

Bortle 1. There is no lower number.

This is where the site turns over. The sky section drops the bone-white canvas for near black, brings up a generated star field on canvas, and prints the sky data as a table: month, moon phase, what is overhead. The inversion is a single, earned move. It happens once, on the one subject that justifies it.

The scale is stated rather than sold. Bortle 1 is the darkest class there is; saying so plainly is stronger than any adjective the page could have used instead.

Meridian 87's sky section, with the Bortle 1 heading and a month-by-month sky table
The sky · Bortle 1 · month-by-month, tabulated
Meridian 87 at desktop width, in its daylight stateMeridian 87 at 390px, the same page on a phone
One page, two widths · 1600 × 900 and 390 × 844 · the measure narrows, the order of the information does not change

What it is built with.

Detected on the live site rather than claimed: GSAP with Lenis for the long scroll, two canvas elements carrying the star field, a high-contrast serif for display against a grotesque and a mono, and a statically generated Next.js build on Vercel. Zero corner radius, which is unusual for hospitality and correct for this one.

Framework
Next.js App Router, static generation, Vercel
Scroll
GSAP + Lenis
Canvas
Two canvas layers for the star field
Type
Serif display + grotesque body + mono for data
Theme
Light canvas that inverts to night for the sky sections

Best seen after dark.

The inversion and the star field only work at full size and full length. Built by Aspire Kinetic Network as a portfolio showcase project: editorial pacing, restrained data display, and one theme change used once.

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.