Skip to content

1440 × 900

Nadir Beacon

A product-launch hero over nadir: a claim held left and a product frame below, with a thread of liquid light landing on its top edge.

Preview only — the code isn’t included

The anatomy nadir was measured from, rebuilt around it: a two-line claim, one line of support copy and one glowing pill button, held left. The product frame sits below and runs out of the section, stopping short of the right edge. The thread falls to the right of the copy, flares into a bell on the frame's top edge, runs along it as a white sheet and pours down the near side. The field is pointed at the frame itself, so the light follows it at any width.

Honest by construction: the reference's app is full of invented issues, people and messages, so this frame is a wireframe instead, the shape of a tracker with no names and no figures, where your own product shot goes.

Preview only. This section's code isn't offered to copy.

Details

Kind
Hero
Stack
React · TypeScript
Licence
Free
Added
25 Sep 2026
Tags
background, left-aligned, product-shot, launch

Its light

  • 49%
  • 26%
  • 11%
  • 9%
  • 5%

Start with a background.

The backgrounds are the most finished corner of the catalogue. Take one and drop it under your own copy.

Browse backgrounds