D
Ducksss/payload-components
Call To Action Boxedcall-to-action-boxedBoxed Payload call-to-action block: heading, copy, and CTA links inside a nested panel.
Call To Action Centeredcall-to-action-centeredCentered Payload call-to-action block: heading, copy, and one or two CTA links.
Call To Action Signupcall-to-action-signupEmail-capture Payload call-to-action block: heading, copy, and a form that posts to a same-origin endpoint.
Comparator Gridcomparator-gridPlan-column comparison Payload block: pricing columns in a bordered card over a feature matrix.
Comparator Stackcomparator-stackStacked plan-card comparison Payload block: one card per plan with its own price, CTA, and feature checklist.
Comparator Tablecomparator-tableTiered feature-comparison table Payload block: plan columns with CTAs over grouped feature rows.
Content Columnscontent-columnsTwo-column Payload content block: a heading beside body copy and a CTA.
Content Communitycontent-communityPayload content block: a centered heading and body above a wall of community avatars.
Content Feature Mediacontent-feature-mediaPayload content block: body copy and two icon features beside a framed media panel.
Content Feature Splitcontent-feature-splitPayload content block: a side media panel beside body copy and two icon features.
Content Image Framecontent-image-framePayload content block: a centered intro above a layered, framed screenshot.
Content Image Leadcontent-image-leadPayload content block led by a full-width image above a heading, body, and CTA.
Content Listcontent-listPayload content block: a serif heading beside a labeled-term list.
Content List Columnscontent-list-columnsPayload content block: a serif heading above a two-column labeled-term list.
Content List Iconscontent-list-iconsPayload content block: a serif heading and intro above a multi-column icon list.
Content Quotecontent-quotePayload content block: a media panel beside body copy and a cited pull quote.
Content Rowscontent-rowsPayload content block: an intro above a uniform stack of media-and-text rows.
Content Showcasecontent-showcasePayload content block: a centered intro, a full-width image, and a four-up feature grid.
Content Split Rowscontent-split-rowsPayload content block: an intro above alternating media-and-text rows.
Content Statscontent-statsPayload content block: an intro, a grid of icon features, and a stats list.
Embed Basicembed-basicResponsive, accessible sandboxed iframe block for approved HTTPS embeds.
FAQ Accordionfaq-accordionPayload FAQ block: a centered accordion of question/answer items with an optional CTA.
FAQ Cardfaq-cardPayload FAQ block: a centered accordion wrapped in a card with an optional CTA.
FAQ Gridfaq-gridPayload FAQ block: a static two-column grid of question/answer cards.
FAQ Groupedfaq-groupedPayload FAQ block: titled, icon-tagged category groups of accordions.
FAQ Iconsfaq-iconsPayload FAQ block: an accordion with a per-question icon from a fixed allowlist.
FAQ Splitfaq-splitPayload FAQ block: a two-column layout pairing a sticky heading and CTA with an accordion.
Feature Bentofeature-bentoAsymmetric Payload bento grid with a featured lead cell and supporting cells.
Feature Grid Basicfeature-grid-basicText-first Payload feature grid with optional CTA wiring.
Feature Splitfeature-splitTwo-column Payload feature block: heading and CTA beside a feature list.
Feature Stepsfeature-stepsNumbered Payload steps block for sequential, how-it-works feature flows.
Hero Basichero-basicPayload Components proof-of-concept hero block.
Integration Clusterintegration-clusterA centered cluster of integration logos around a featured brand mark, with a heading and CTA.
Integration Connectintegration-connectIntegration logos wired to a central brand mark by connector lines.
Integration Gridintegration-gridA responsive grid of integration cards with logo, name, description, and a learn-more link.
Integration Listintegration-listA vertical list of integration rows with logo, name, description, and an add action.
Integration Marqueeintegration-marqueeThree auto-scrolling rows of integration logos around a featured brand mark.
Integration Orbitintegration-orbitConcentric rings of integration logos that orbit a featured brand mark on hover.
Integration Splitintegration-splitA two-column section pairing a featured-mark logo cluster with a heading, subtext, and CTA.
Integration Testimonialintegration-testimonialA two-column section pairing a customer quote with a grid of integration logo cards.
Logo Cloud Gridlogo-cloud-gridCentered, wrapping wall of editable logo uploads under a heading.
Logo Cloud Hoverlogo-cloud-hoverLogo wall that dims and blurs on hover to reveal a CTA link.
Logo Cloud Inlinelogo-cloud-inlineCompact label-over-logos strip of editable trust logos.
Logo Cloud Inline Wraplogo-cloud-inline-wrapSingle wrapping row keeping the label inline with editable logos.
Logo Cloud Marqueelogo-cloud-marqueeAuto-scrolling marquee of editable logos with progressive-blur edge fades.
Pricing Cardspricing-cardsThree-up pricing table of editable plan cards with a highlighted plan.
Pricing Cards CTApricing-cards-ctaThree-up pricing table with the CTA inside each plan header.
Pricing Cards Mutedpricing-cards-mutedThree-up pricing table on muted card surfaces with a highlighted plan.
Pricing Enterprisepricing-enterpriseSingle wide enterprise pricing panel with an editable trust-logo wall.
Pricing Splitpricing-splitTwo-plan split pricing: a compact entry plan beside an expanded featured plan.
Team Gridteam-gridPayload team block: a heading and intro above a responsive grid of member photo cards that reveal role on hover.
Team Rosterteam-rosterPayload team block: department-grouped sections, each a grid of member avatars with name and role.
Testimonials Bentotestimonials-bentoPayload testimonials block: an asymmetric bento with one featured quote in a large cell and supporting quotes around it.
Testimonials Gridtestimonials-gridPayload testimonials block: a heading above a responsive grid of quote cards, each with author, optional role, and avatar.
Testimonials Quotetestimonials-quotePayload testimonials block: a single featured quote with a left accent bar, author, optional role, and avatar.
Testimonials Ratingtestimonials-ratingPayload testimonials block: a responsive grid of review cards, each with a star rating, quote, author, optional role, and avatar.
Testimonials Spotlighttestimonials-spotlightPayload testimonials block: a single centered testimonial with a quote-mark, large avatar, author, and role.
Testimonials Walltestimonials-wallPayload testimonials block: a heading above a multi-column masonry wall of compact testimonial cards.