Modern Minimal Site
The whole Modern Minimal kit as one launch page for a wake light, one day long: night into morning in a scroll-scrubbed hero, the day through the middle, dusk in the footer, every value bound to the scroll with no easing.
WebGL20 deps1 file · 105 KB TSXreduced-motion aware
Props
"use client";
import { createContext, useContext, useEffect, useId, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, FormEvent, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from "react";
/**
* ModernMinimalSite — the launch site for Halden, a fictional wake light (a
* frosted-glass orb that brightens like a sunrise), set in the Modern Minimal
* register: a quiet, paper-white page where restraint is earned by motion,
* and the one colour on it is the light of the product.
*
* The page is one day. It opens at night: the first screen is a dark room
* with the lamp glowing like an ember, and scrolling brings the dawn up, bound
* to the scroll with no easing, until the room is paper white. The middle of
* the page is the day; the footer is the dusk, where the room dims and the
* lamp settles back to an ember.
*
* - A nav whose hairline stretches toward the next link and settles.
// ---------------------------------------------------------------
// Full source available with a viberdy Pro subscription.
// https://viberdy.dev/pricing
// ---------------------------------------------------------------
}Details
About this page template
The whole kit as one launch page for Halden, a fictional wake light, told as a single day. It opens at night: the hero is a dark room with the lamp glowing like an ember, and scrolling brings the dawn up until the room is paper white. The day follows: a wall of morning light through a window under a heading whose shadows swing like a sundial; three modes on cards that lift like card under light, and a product plate that opens with the scroll; the sunrise itself on a pinned timeline; pricing with the lamp playing each program; a wake-time wheel. The footer is the dusk, the page ending at night where it began. A nav with a hairline that stretches between links rides on top. Every value that moves is bound to the scroll with no easing. All content lives in one typed object, marked as placeholder.
Curator’s note
The Modern Minimal kit site (slot 12): every asset in the kit composed around one typed content object, HALDEN_DEMO, for a fictional wake light. The assets above are cut from this file, byte for byte.
