Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Within the depicted laptop screen, a dark starfield and diagonal violet-white planetary horizon frame a small satellite crossing the center. A large centered two-line sans statement spans the glow with pale lime emphasis. Tiny navigation runs at the top; a compact technical description and small numbered/location labels sit low at right/left. The laptop, stand, rocks and pale setting are gallery staging.
- Type
- Large clean sans hero statement with selected pale-lime words; small white mono-like nav and technical labels. Exact fonts unknown.
- Color and surface
- Near-black starfield, bright violet/white diagonal atmospheric band, muted lime emphasis and small white technical copy.
- Components
- Top navigation, satellite crossing a large headline, small technical description and sparse edge labels.
What makes it work
- Dark spacious starfield
- Diagonal luminous horizon crossing the central composition
- Small orbital object layered with oversized centered statement
- Tiny technical support and peripheral navigation
On a new subjectFor a public blood-donation campaign, use a dark night-sky field with a diagonal luminous horizon and one small symbolic droplet crossing an oversized centered donation invitation. Keep technical-style support and navigation tiny; replace aerospace imagery and claims without recreating laptop staging.
Measured
Fonts loadedFunnel Sans, Chivo Mono, Funnel Display
H172px / 500 / -2.16px
Body text12px
Page background#000000
Text color#000000
Page height20,643px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Black star field crossed by a bright diagonal atmospheric rim in violet/pink. A small craft image sits below a large centered tightly tracked sans statement; a thin violet orbital line, tiny label and cross marker extend toward the edge. Navigation, square-cornered actions and bottom section metadata use compact uppercase monospaced text with small square markers. The display words appear cream/lime/dark in places against the rim despite white computed text.
- Responsive
- Hero H1 changes72px/64.8px desktop to40px/36px on tablet and phone, weight500. Phone wraps it into three lines above a rectangular action. Desktop craft IMG bounds400x400px become300x300px narrow; these include transparent background rather than exact craft silhouette dimensions. Narrow header uses a small menu icon before identity and retains the white rectangular contact action. Desktop three-part bottom metadata reduces to the explanatory block on narrow screens. Scene retains diagonal composition with different framing rather than a conventional stacked image/text card.
- Scroll
- Actual scrollY750 moves the hero rim/craft upward and leaves its section metadata above a black following region. A second numbered caption and diagonal violet/dark bands begin at the upper left of that region. Most lower area is empty in the saved frame; it is not evidence of a completed reveal or a fully inspected next section. The entire20643px desktop document is not observed.
