Sunrise
Thirty minutes from ember to daylight before your alarm.
1,800 → 4,400 KThe 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.
This is a viberdy Pro component
The live preview, the props panel and the write-up are open to everyone. The full source, the AI prompt and CLI install are part of Pro.
Halden · Wake light05:30
A lamp that brings the morning to you: thirty minutes of sunrise before your alarm, so you are already half awake when it goes off.
Light
No screen, no ticking, no glow in the night. Halden stays dark until the morning needs it, then it lights the room the way the sun would.
Modes
Thirty minutes from ember to daylight before your alarm.
1,800 → 4,400 KA warm, even light for the last chapter, with no blue in it.
2,700 K · 60%An ember low enough to find the door by, and not to wake you.
1,800 K · 3%Frosted glass, hand-blown. Ceramic base. Placeholder specification.
Sunrise
Pricing
The sunrise most people keep.
Alarm
Pick a time; the sunrise starts thirty minutes before it.
"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
// ---------------------------------------------------------------
}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.
Matched on shared tags and category — the entries most likely to be used alongside this one.
The whole Spatial 3D kit as one hardware launch: a curved rail nav, the product live in the hero, a field of soft forms, the product taken apart, profile cards, pricing by material, a dial input and a pedestal footer.
A complete site for a modern skin clinic and day spa: a concern-organised nav, a jade room lit by breathing WebGL halos, a treatment finder, treatment cards with light wells, lit-room memberships, a breathing ritual, a booking picker and a footer at dusk.
The whole Dither & ASCII kit as one site for an image pipeline: a density nav, a live dithered hero with a transform loupe, an ASCII field, a transform comparison, printing cards, a drop-to-dither form, noise-fill pricing and an ASCII wordmark footer.