Landing Page

Create a standalone web page to direct your visitors.

Full-viewport landing page — avatar, headline, link rows with thumbnails, and social icons on a photo background.

Usage

A landing page is perfect for guiding visitors to a specific campaign, content, or call to action. The Landing Page block is built for touchpoint pages you can link from email, marketing, digital ads, or social campaigns — similar to a link-in-bio profile.

The block fills the viewport with a centered card: optional hero image, headline, description, a stack of links, and optional social icons.

Parent and child blocks

The Landing Page parent holds two inner block areas:

Links (ds/landing-page-links) — container for Link children; use Add Link to grow the list
Socials — optional icon row (included in the default template)

Select Landing Page for page-wide styling (background, avatar, headline, card width). Select Links for settings that apply to every link. Select an individual Link to edit its URL, headline, body copy, and thumbnail.

Use the parent button in the toolbar, breadcrumb path, or List View to jump between parent and child blocks.

Content (parent)

Image — hero/avatar photo at the top of the card (with focal point when set)
Headline and Description — edit inline or in the Content sidebar panel
Headline Style — Customizer typography preset for the headline (visual only; renders as a paragraph element)
Corners — Sharp or Rounded on the card container
Link BG and Link BG Opacity — colored overlay behind the link list area
Text Color (reverse print) — light text on dark backgrounds; cascades to nested content
Max Width — caps card width in rem (default 24)

Links container (child)

Select the Links block to style all link rows at once:

Headline Style — typography preset for each link title
Image Corners — Sharp, Rounded, or Circle on link thumbnails
Padding — internal spacing on each link row
Image Size — thumbnail dimensions in rem
Action Color — accent for the chevron and hover border

Individual links (child)

Each Link child supports:

Link URL — destination (toolbar or sidebar)
Headline and Body — primary and supporting text
Image — optional thumbnail with focal point

Background (parent)

Background Type options:

Color — solid palette fill
Image — photo with focal point, overlay color, and overlay opacity
Gradient — start color, end color, and direction (including radial center)
Pattern — repeating texture with overlay and Background Size scale

Enable reverse print when using a dark background so headline, description, and links stay legible.

Block width

Landing Page defaults to Full width and spans the viewport height. It is designed as a standalone page band rather than inline content.

Screenshots

Front-end

Light card on a brick-and-sky photo — three link rows with headlines, body copy, and chevrons.
Same link stack on a dark forest background — full-height band for campaign or coming-soon pages.

Editor

Individual Link block — URL, headline, body, and thumbnail focal point in the sidebar.
Landing Page parent Content settings — Link BG, opacity, reverse print, max width, and headline style.