Backgrounds
Landscape design and build
Gardens that look after themselves.
We plan, plant and build outdoor rooms that settle in and stay beautiful, season after season.
A hero over drifting points that join with a line whenever two come near. The pointer, or a finger, is one more point the rest reach toward. Needs the EtchPress Runtime; without it the hero sits on a still gradient.
How it works
A network, data or security product's hero. A page about a community or a team spread across places. A dark band behind a headline about connection. The top of an integrations page.
Options
eyebrow (text, optional); title (text); lead (text, optional); primaryLabel and primaryHref; secondaryLabel (optional) and secondaryHref; palette (select: site colours, dusk, ember); speed (select: calm, still, lively)
Open the item pageLandscape design and build
Gardens that look after themselves.
We plan, plant and build outdoor rooms that settle in and stay beautiful, season after season.
A hero over level lines that breathe like a survey map, every fourth line stronger, in your site's own colours. It leans toward the pointer, follows a finger on a phone and drifts as the page scrolls. Needs the EtchPress Runtime; without it the hero sits on a still gradient.
How it works
A landscaper's, surveyor's or architect's home page. An outdoor brand or a travel company's hero. A section header for a process or a plan. A quiet, technical ground for a product launch.
Options
eyebrow (text, optional); title (text); lead (text, optional); primaryLabel and primaryHref; secondaryLabel (optional) and secondaryHref; palette (select: site colours, dusk, ember); speed (select: calm, still, lively)
Open the item pageLandscape design and build
Gardens that look after themselves.
We plan, plant and build outdoor rooms that settle in and stay beautiful, season after season.
A hero over a grid of dots that swell, light up and part under the pointer or a finger, with a slow wave passing through when nobody touches it. Needs the EtchPress Runtime; without it the hero sits on a still gradient.
How it works
A software or data product's hero. The top of a documentation or developer page. A dark feature band between two light sections. A contact section that reacts to the visitor.
Options
eyebrow (text, optional); title (text); lead (text, optional); primaryLabel and primaryHref; secondaryLabel (optional) and secondaryHref; palette (select: site colours, dusk, ember); speed (select: calm, still, lively)
Open the item pageLandscape design and build
Gardens that look after themselves.
We plan, plant and build outdoor rooms that settle in and stay beautiful, season after season.
A hero over a slow liquid field of your site's own colours, drawn live in the browser. It leans toward the pointer, follows a finger on a phone and drifts as the page scrolls. Needs the EtchPress Runtime; without it the hero sits on a still gradient.
How it works
The opening of a studio or product home page. A launch or waitlist page that needs one strong image without a photo. The top of a pricing page, in the brand's colours. A closing call to action with more presence than a flat band.
Options
eyebrow (text, optional); title (text); lead (text, optional); primaryLabel and primaryHref; secondaryLabel (optional) and secondaryHref; palette (select: site colours, dusk, ember); speed (select: calm, still, lively)
Open the item pageLandscape design and build
Gardens that look after themselves.
We plan, plant and build outdoor rooms that settle in and stay beautiful, season after season.
A hero over bands of light that drift across a dark ground like slow silk, in your site's own colours. It leans toward the pointer and follows a finger on a phone. Needs the EtchPress Runtime; without it the hero sits on a still gradient.
How it works
A music, fashion or events brand's hero. A launch page that wants movement without a video. The opening of a portfolio. A closing call to action with presence.
Options
eyebrow (text, optional); title (text); lead (text, optional); primaryLabel and primaryHref; secondaryLabel (optional) and secondaryHref; palette (select: site colours, dusk, ember); speed (select: calm, still, lively)
Open the item pageLandscaping in Salt Lake County
A yard you will actually use.
Design, build and care from one crew.
A wrapper that lays fine film grain over whatever you put inside it: a section, a hero, a card. The grain is an SVG noise filter in a data URI, blended over the content, with strength and blend mode as props. No images, no script.
How it works
A hero photo with a film texture over it. A flat colour band given some tooth. A card or section that should feel printed rather than digital.
Options
strength (select: light, medium, heavy); blend (select: soft light, overlay, multiply); slot: content; radius (select: card, soft, none), matched to the corners of what you slot in.
Open the item pageHow it works
Four steps from first call to finished yard.
You know the price and the dates before anything starts.
A dotted or lined grid behind your content, fading out from the centre so it never fights the text. Dots or lines, spacing and a fade shape as props. Pure CSS, tokens only.
How it works
A technical or product hero on a dotted grid. A blueprint feel behind a process or pricing section. A quiet texture behind a centred headline.
Options
pattern (select: dots, lines); spacing (select: tight, normal, wide); fade (select: centre, top, none); tone (select: light, dark); slot: content
Open the item pageFree estimate
Ready to plan your yard?
Tell us about the project. We walk it with you within a week.
A section background that behaves like a night sea: four blurred wave glows roll along the bottom in slow counter-rhythm, fine dust rises through the dark, and the whole scene leans toward the pointer in real 3D while the content in the slot stays still. Dark as drawn by our designer; light is its own version, pastel waves on the paper with deeper dust. Still under reduced motion, and the tilt only answers a mouse.
How it works
A dark hero background that moves without a video. A closing call to action band with depth. A light hero on the paper with a pastel tide low in the frame. A section divider that reacts to the pointer.
Options
tone (select: dark, light); motion (select: full, waves, still); tilt (select: on, off); slot: content
Open the item page
Nothing matches. Clear the search.