Sticky Stack Pro

Cards that pin one after another and stack up as the page scrolls. Each card comes to rest slightly below the one before it, so the edge of every card in the pile stays visible, and the cards underneath shrink and dim by an amount you set. The effect builds as the reader scrolls and holds when the last card lands, so the finished stack can be read before the page moves on.

Nothing is intercepted and no empty spacer is inserted. The height being scrolled is the cards' own height, so the length of the page still matches the content on it, and the browser's scrollbar, keyboard scrolling and find-on-page all behave normally.

Each card holds an eyebrow, a title, rich-text body, a badge, media and a link. Media is set per card: an image or a looping video above the text, or either one behind the text under an overlay you control. Pictures sit inside the card frame or run to its edges. A card links as a line of text, or the whole card becomes the link with an arrow in the corner.

Small screens get their own layout with their own card padding, text inset, type sizes, spacing between cards and image shape, so a phone column is composed rather than squeezed. Readers whose system asks for less motion get a plain column with background video held on its poster frame.

Every colour, size, weight, letter spacing, radius and space is a field on the Style tab. Fonts and the accent colour inherit from your HubSpot theme.

Works on any HubSpot page template. No theme required.