Search blocks by description or jump to a page.
A left aligned hero with a two line headline and a text link over a workflow builder window rising out of a forested valley photograph.
The source for every Modern SaaS block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? Log in
Landscape App Window is a hero where the product rises out of the land. Under a transparent navbar, a two line headline and a one line lede sit on the left, and a muted text link to the product tour sits on the lede's last line at the right. Below, a workflow builder window stands in a forested valley: a black and white photograph of ridges sits behind it, and a cut out of the nearest treetops sits in front of its lower edge, fading into the page.
The window is plain markup built from theme tokens: a sidebar of workflows and projects, a canvas with a trigger, a check and two actions joined by branch lines, and an inspector for the selected step. The photo and the treetops share one box placed against the window's bottom edge, so the treeline crosses the same strip of the window at every width. Dark mode swaps in a dusk photo and dims the same treetops with a filter.
Use it for an automation, workflow or operations product that wants a calm, grounded first impression rather than a gradient. The landscape gives the hero a sense of place, and the window shows the product without a frame around it.
A natural flow around it on a Modern SaaS page:
Before
After
public/blocks. The canopy needs a transparent sky. If your treeline
sits higher or lower than 72.5% down the image, change that figure and the
109px rise in the top and padding math.Tip: keep the lede to one line no longer than the headline's shorter line, so the copy block holds a clean right edge above the window.