Shadcn Marketing Pro Blocks
Explore 100 Marketing Pro blocks for shadcn/ui. Heroes, pricing, comparisons, case studies, and process pages with bold type and clean layouts.
Marketing Pro Case Study: Dark Panel Feature
Featured story in a solid primary panel with inverted wordmark, summary, and three metrics.
Marketing Pro Case Study: Featured Story
Centered heading over a story card pairing narrative and quote with a rail of three metrics.
Marketing Pro Case Study: Industry Tabs
Industry tabs where each panel shows one story card with metrics and a customer quote.
Marketing Pro Case Study: Logo Rows With Results
Stacked divided rows pairing a wordmark and outcome with a bold metric and story link.
Marketing Pro Case Study: Metrics Spotlight
Company narrative beside a divided stat rail with a wide customer quote underneath.
Marketing Pro Case Study: Quote Led Story
Oversized opening quote above a three stat row and two short narrative paragraphs.
Marketing Pro Case Study: Results Table
Clean table of customers, industries, results, and time to value with CTA buttons below.
Marketing Pro Case Study: Split With Quote
Two paragraph story beside a right rail holding a quote card and two key stats.
Marketing Pro Case Study: Story Carousel
Horizontally scrollable snap row of story cards with wordmarks, metrics, and summaries.
Marketing Pro Case Study: Story Grid
Three story cards each showing a wordmark, a bold result, a summary, and a read link.
Marketing Pro Comparison: Alternative Cards
Three cards positioning the product as the alternative to spreadsheets, email, and suites.
Marketing Pro Comparison: Before and After
Before and after cards listing the same workflow as crossed off pains and checked wins.
Marketing Pro Comparison: Comparison with Quote
Compact five row comparison table beside a quote card from a customer who switched.
Marketing Pro Comparison: Competitor Table
Feature table comparing the product against two competitors with check, partial, and no marks.
Marketing Pro Comparison: Dimension Rows
Stacked full width rows comparing Them and Us copy across four buying dimensions.
Marketing Pro Comparison: Feature Checklist Table
Two column checklist table comparing features and pricing against a single competitor.
Marketing Pro Comparison: Old Way New Way
Editorial split contrasting a muted old way list with a confident checked new way list.
Marketing Pro Comparison: Side by Side Mockups
Two window mockups contrasting a cluttered generic tool with the calm product, captioned.
Marketing Pro Comparison: Switch Banner
Migration banner card with a heading, one call to action, and three checked steps below.
Marketing Pro Comparison: Us vs Them Split
Divided two column list pairing checked product strengths with crossed out competitor gaps.
Marketing Pro CTA: Banner With Avatars
Card banner with headline, overlapping avatar row, and a single primary button.
Marketing Pro CTA: Bordered Inset
Centered headline and buttons inside a large rounded border inset.
Marketing Pro CTA: Full Bleed Band
Full width primary band with headline, supporting line, and one inverted button.
Marketing Pro CTA: Minimal Inline
Slim ruled strip pairing a short headline with a single arrow text link.
Marketing Pro CTA: Side By Side Cards
Two matched cards offering free trial and sales paths with checklists and buttons.
Marketing Pro CTA: Split With Mockup
Card split pairing CTA copy and buttons with a metrics dashboard mockup.
Marketing Pro CTA: Split With Quote
CTA copy and buttons beside a customer quote card with a matching avatar.
Marketing Pro CTA: With App Badges
Centered mobile pitch with App Store and Google Play download buttons.
Marketing Pro CTA: With Guarantee
Centered card CTA with buttons and a money back guarantee reassurance line.
Marketing Pro CTA: With Stats
Centered CTA copy and buttons above a divided grid of three proof stats.
Marketing Pro FAQ: Accordion With Links
Accordion beside a bordered card of documentation, community, and support links.
Marketing Pro FAQ: Category Columns
Three topic columns for billing, product, and security with short plain text answers.
Marketing Pro FAQ: FAQ Cards Grid
Six bordered cards in a responsive grid, each pairing one question with a short answer.
Marketing Pro FAQ: Numbered List
Editorial Q&A list with large muted numerals beside each question and hairline dividers.
Marketing Pro FAQ: Sidebar Topics
Static topic list with counts beside a flat divided list of billing questions.
Marketing Pro FAQ: Single Column Prose
Narrow centered column of stacked Q&As in calm prose separated by hairlines.
Marketing Pro FAQ: Split Headline Accordion
Sticky heading and lede in the left third with the accordion filling the right two thirds.
Marketing Pro FAQ: Top Questions Plus All
Three featured question cards above an accordion holding the remaining answers.
Marketing Pro FAQ: Wide Accordion Bold
Full width accordion with oversized question typography for confident scanning.
Marketing Pro FAQ: With CTA Banner
Centered accordion above a slim bordered contact band with an outline support button.
Marketing Pro Feature: Accordion With Preview
Single open accordion of features paired with an analytics preview window.
Marketing Pro Feature: Bento Grid
Centered intro above a bento of one large dashboard card and five smaller icon tiles.
Marketing Pro Feature: Cards With Mockups
Three feature cards, each topped with a small chart, list, or form mockup.
Marketing Pro Feature: Centered Rows
Narrow centered column of four icon feature rows separated by dividers.
Marketing Pro Feature: Compact Two Column
Centered heading over a tight two column list of eight checkmarked essentials.
Marketing Pro Feature: Icon Grid Six
Centered heading over a three column grid of six icon led feature blurbs.
Marketing Pro Feature: Solid Panel Grid
Solid primary panel holding a heading and a six tile icon feature grid.
Marketing Pro Feature: Split With App Window
Heading and checklist beside a campaign window mockup with live progress bars.
Marketing Pro Feature: Stacked Panels
Two stacked split panels pairing copy and checklists with app window mockups.
Marketing Pro Feature: With Stat Band
Icon feature grid capped by a divided band of three headline stats.
Marketing Pro Footer: Brand Blurb Columns
Brand blurb and social icons beside three columns of product links.
Marketing Pro Footer: Centered Logo Links
Centered logo over a single row of links, social icons, and a copyright line.
Marketing Pro Footer: Dark Solid
Solid primary footer with brand blurb, socials, and four link columns.
Marketing Pro Footer: Five Column With Tagline
Brand name and tagline beside four link columns above a legal bar.
Marketing Pro Footer: Legal Heavy
Link columns over a dense legal block with disclaimers and compliance badges.
Marketing Pro Footer: Minimal Inline Links
One slim row with copyright, inline nav links, and small social icons.
Marketing Pro Footer: Newsletter Centered
Centered newsletter signup above a row of nav links and a copyright line.
Marketing Pro Footer: With App Badges
Three link columns plus iOS and Android download buttons above a brand bar.
Marketing Pro Footer: With Contact Info
Link columns alongside address, email, and phone contact details.
Marketing Pro Footer: With Status And Locale
Four link columns with a bottom bar showing system status and a language picker.
Marketing Pro Hero: Centered Minimal
A typography only hero with a centered headline, lede, single CTA, and a muted trust line.
Marketing Pro Hero: Centered With Feature Pills
A centered headline, lede, and dual CTAs above a wrapped row of bordered icon feature pills.
Marketing Pro Hero: Centered With Search
A docs hero with centered copy above a command bar search mockup with suggestion rows.
Marketing Pro Hero: Left Aligned With Checklist
A left aligned headline, lede, three check items, and dual CTAs that own the left edge.
Marketing Pro Hero: Split With Code
A split hero with headline, lede, and CTAs beside a token colored code editor window mockup.
Marketing Pro Hero: Split With Metrics
A split hero with copy and dual CTAs beside a divided panel of four large KPI tiles.
Marketing Pro Hero: Split With Mobile App
A split hero with copy and dual CTAs beside a phone mockup of the product mobile app.
Marketing Pro Hero: Split With Testimonial
A split hero with headline, lede, and dual CTAs beside a single customer quote card.
Marketing Pro Hero: With Avatar Rating
A centered hero with dual CTAs above overlapping avatars, five stars, and a team count line.
Marketing Pro Hero: With Kanban Preview
A centered hero with copy and CTAs above a wide kanban board mockup of campaign tasks.
Marketing Pro Pricing: Annual Toggle Two Tier
Two plan cards under a monthly and annual switch that updates prices with a savings badge.
Marketing Pro Pricing: Dark Featured Tier
Three pricing tiers where the featured middle plan sits on a solid primary panel.
Marketing Pro Pricing: Feature Matrix Compact
Plan headers with CTAs above a compact feature matrix that shades the middle column.
Marketing Pro Pricing: Free vs Pro
Free and Pro columns with their own feature lists and CTAs, with Pro framed by a primary ring.
Marketing Pro Pricing: Lifetime Deal
A wide panel with a one time price, three value bullets, a guarantee note, and a strong CTA.
Marketing Pro Pricing: Open Source vs Cloud
A free self hosted panel with an install command beside a paid managed cloud plan.
Marketing Pro Pricing: Per Seat Calculator
A seat slider that totals a flat per seat rate beside the included feature list.
Marketing Pro Pricing: Pricing With Testimonial
Two plan cards beside a customer quote card that endorses the upgrade.
Marketing Pro Pricing: Simple Rate Table
A minimal rate table listing each metric, its included allowance, and the overage price.
Marketing Pro Pricing: Single Plan With FAQ
A single full plan price card beside a divided list of three short pricing questions.
Marketing Pro How It Work: Day One Timeline
Intro copy beside a first day timeline of product moments keyed by monospaced times.
Marketing Pro How It Work: Horizontal Connected
Three steps in a row joined by a thin connector line with a dot marking each step.
Marketing Pro How It Work: Numbered Editorial
Four oversized numbered steps in a two column editorial grid with top borders.
Marketing Pro How It Work: Onboarding Checklist
Copy about a one afternoon setup beside a bordered checklist card with a progress bar.
Marketing Pro How It Work: Pipeline Flow
Inline SVG flow of four pipeline stages above a three column row explaining them.
Marketing Pro How It Work: Split Steps With Mockup
Three numbered steps beside an app window mockup showing live metrics and a chart.
Marketing Pro How It Work: Step Tabs
Tabs labeled Step 1 to 3 where each panel pairs step copy with a small app mockup.
Marketing Pro How It Work: Three Step Cards
Centered heading above three step cards, each pairing an icon and number with short copy.
Marketing Pro How It Work: Vertical Timeline
Narrow vertical timeline of four numbered steps joined by a line, with buttons below.
Marketing Pro How It Work: Zigzag Steps
Alternating rows of step copy and app mockups, each tagged with a bordered step badge.
Marketing Pro Testimonial: Alternating Quotes
Large quotes with avatars that alternate left and right alignment in a divided stack.
Marketing Pro Testimonial: Avatar Strip With Quote
A centered row of ten overlapping avatars above one quote, five stars, and a review count.
Marketing Pro Testimonial: Dark Panel Quote
One featured quote inside a solid primary panel with avatar attribution at the bottom.
Marketing Pro Testimonial: Logos And Quotes Grid
A grid that alternates customer quote cards with company wordmark tiles under a heading.
Marketing Pro Testimonial: Pull Quotes Stack
An editorial stack of two big pull quotes with oversized quote marks and attributions.
Marketing Pro Testimonial: Quote With Metrics
A featured customer quote card beside a divided grid of two big result numbers.
Marketing Pro Testimonial: Quote With Product Shot
A large quote and attribution beside a launch checklist mockup of the product.
Marketing Pro Testimonial: Single Quote Banner
One large centered quote with an avatar, name, and role stacked beneath it.
Marketing Pro Testimonial: Social Cards
A grid of six social post style cards with avatars, handles, and casual praise.
Marketing Pro Testimonial: Three Column Quotes
Three customer quotes in divided columns under a centered heading and lede.
Marketing Pro Case Study: Dark Panel Feature
Featured story in a solid primary panel with inverted wordmark, summary, and three metrics.
Marketing Pro Case Study: Industry Tabs
Industry tabs where each panel shows one story card with metrics and a customer quote.
Marketing Pro Case Study: Metrics Spotlight
Company narrative beside a divided stat rail with a wide customer quote underneath.
Marketing Pro Case Study: Results Table
Clean table of customers, industries, results, and time to value with CTA buttons below.
Marketing Pro Case Study: Story Carousel
Horizontally scrollable snap row of story cards with wordmarks, metrics, and summaries.
Marketing Pro Comparison: Alternative Cards
Three cards positioning the product as the alternative to spreadsheets, email, and suites.
Marketing Pro Comparison: Comparison with Quote
Compact five row comparison table beside a quote card from a customer who switched.
Marketing Pro Comparison: Dimension Rows
Stacked full width rows comparing Them and Us copy across four buying dimensions.
Marketing Pro Comparison: Old Way New Way
Editorial split contrasting a muted old way list with a confident checked new way list.
Marketing Pro Comparison: Switch Banner
Migration banner card with a heading, one call to action, and three checked steps below.
Marketing Pro CTA: Banner With Avatars
Card banner with headline, overlapping avatar row, and a single primary button.
Marketing Pro CTA: Full Bleed Band
Full width primary band with headline, supporting line, and one inverted button.
Marketing Pro CTA: Side By Side Cards
Two matched cards offering free trial and sales paths with checklists and buttons.
Marketing Pro CTA: Split With Quote
CTA copy and buttons beside a customer quote card with a matching avatar.
Marketing Pro CTA: With Guarantee
Centered card CTA with buttons and a money back guarantee reassurance line.
Marketing Pro FAQ: Accordion With Links
Accordion beside a bordered card of documentation, community, and support links.
Marketing Pro FAQ: FAQ Cards Grid
Six bordered cards in a responsive grid, each pairing one question with a short answer.
Marketing Pro FAQ: Sidebar Topics
Static topic list with counts beside a flat divided list of billing questions.
Marketing Pro FAQ: Split Headline Accordion
Sticky heading and lede in the left third with the accordion filling the right two thirds.
Marketing Pro FAQ: Wide Accordion Bold
Full width accordion with oversized question typography for confident scanning.
Marketing Pro Feature: Accordion With Preview
Single open accordion of features paired with an analytics preview window.
Marketing Pro Feature: Cards With Mockups
Three feature cards, each topped with a small chart, list, or form mockup.
Marketing Pro Feature: Compact Two Column
Centered heading over a tight two column list of eight checkmarked essentials.
Marketing Pro Feature: Solid Panel Grid
Solid primary panel holding a heading and a six tile icon feature grid.
Marketing Pro Feature: Stacked Panels
Two stacked split panels pairing copy and checklists with app window mockups.
Marketing Pro Footer: Brand Blurb Columns
Brand blurb and social icons beside three columns of product links.
Marketing Pro Footer: Dark Solid
Solid primary footer with brand blurb, socials, and four link columns.
Marketing Pro Footer: Legal Heavy
Link columns over a dense legal block with disclaimers and compliance badges.
Marketing Pro Footer: Newsletter Centered
Centered newsletter signup above a row of nav links and a copyright line.
Marketing Pro Footer: With Contact Info
Link columns alongside address, email, and phone contact details.
Marketing Pro Hero: Centered Minimal
A typography only hero with a centered headline, lede, single CTA, and a muted trust line.
Marketing Pro Hero: Centered With Search
A docs hero with centered copy above a command bar search mockup with suggestion rows.
Marketing Pro Hero: Split With Code
A split hero with headline, lede, and CTAs beside a token colored code editor window mockup.
Marketing Pro Hero: Split With Mobile App
A split hero with copy and dual CTAs beside a phone mockup of the product mobile app.
Marketing Pro Hero: With Avatar Rating
A centered hero with dual CTAs above overlapping avatars, five stars, and a team count line.
Marketing Pro Pricing: Annual Toggle Two Tier
Two plan cards under a monthly and annual switch that updates prices with a savings badge.
Marketing Pro Pricing: Feature Matrix Compact
Plan headers with CTAs above a compact feature matrix that shades the middle column.
Marketing Pro Pricing: Lifetime Deal
A wide panel with a one time price, three value bullets, a guarantee note, and a strong CTA.
Marketing Pro Pricing: Per Seat Calculator
A seat slider that totals a flat per seat rate beside the included feature list.
Marketing Pro Pricing: Simple Rate Table
A minimal rate table listing each metric, its included allowance, and the overage price.
Marketing Pro How It Work: Day One Timeline
Intro copy beside a first day timeline of product moments keyed by monospaced times.
Marketing Pro How It Work: Numbered Editorial
Four oversized numbered steps in a two column editorial grid with top borders.
Marketing Pro How It Work: Pipeline Flow
Inline SVG flow of four pipeline stages above a three column row explaining them.
Marketing Pro How It Work: Step Tabs
Tabs labeled Step 1 to 3 where each panel pairs step copy with a small app mockup.
Marketing Pro How It Work: Vertical Timeline
Narrow vertical timeline of four numbered steps joined by a line, with buttons below.
Marketing Pro Testimonial: Alternating Quotes
Large quotes with avatars that alternate left and right alignment in a divided stack.
Marketing Pro Testimonial: Dark Panel Quote
One featured quote inside a solid primary panel with avatar attribution at the bottom.
Marketing Pro Testimonial: Pull Quotes Stack
An editorial stack of two big pull quotes with oversized quote marks and attributions.
Marketing Pro Testimonial: Quote With Product Shot
A large quote and attribution beside a launch checklist mockup of the product.
Marketing Pro Testimonial: Social Cards
A grid of six social post style cards with avatars, handles, and casual praise.
Marketing Pro Case Study: Featured Story
Centered heading over a story card pairing narrative and quote with a rail of three metrics.
Marketing Pro Case Study: Logo Rows With Results
Stacked divided rows pairing a wordmark and outcome with a bold metric and story link.
Marketing Pro Case Study: Quote Led Story
Oversized opening quote above a three stat row and two short narrative paragraphs.
Marketing Pro Case Study: Split With Quote
Two paragraph story beside a right rail holding a quote card and two key stats.
Marketing Pro Case Study: Story Grid
Three story cards each showing a wordmark, a bold result, a summary, and a read link.
Marketing Pro Comparison: Before and After
Before and after cards listing the same workflow as crossed off pains and checked wins.
Marketing Pro Comparison: Competitor Table
Feature table comparing the product against two competitors with check, partial, and no marks.
Marketing Pro Comparison: Feature Checklist Table
Two column checklist table comparing features and pricing against a single competitor.
Marketing Pro Comparison: Side by Side Mockups
Two window mockups contrasting a cluttered generic tool with the calm product, captioned.
Marketing Pro Comparison: Us vs Them Split
Divided two column list pairing checked product strengths with crossed out competitor gaps.
Marketing Pro CTA: Bordered Inset
Centered headline and buttons inside a large rounded border inset.
Marketing Pro CTA: Minimal Inline
Slim ruled strip pairing a short headline with a single arrow text link.
Marketing Pro CTA: Split With Mockup
Card split pairing CTA copy and buttons with a metrics dashboard mockup.
Marketing Pro CTA: With App Badges
Centered mobile pitch with App Store and Google Play download buttons.
Marketing Pro CTA: With Stats
Centered CTA copy and buttons above a divided grid of three proof stats.
Marketing Pro FAQ: Category Columns
Three topic columns for billing, product, and security with short plain text answers.
Marketing Pro FAQ: Numbered List
Editorial Q&A list with large muted numerals beside each question and hairline dividers.
Marketing Pro FAQ: Single Column Prose
Narrow centered column of stacked Q&As in calm prose separated by hairlines.
Marketing Pro FAQ: Top Questions Plus All
Three featured question cards above an accordion holding the remaining answers.
Marketing Pro FAQ: With CTA Banner
Centered accordion above a slim bordered contact band with an outline support button.
Marketing Pro Feature: Bento Grid
Centered intro above a bento of one large dashboard card and five smaller icon tiles.
Marketing Pro Feature: Centered Rows
Narrow centered column of four icon feature rows separated by dividers.
Marketing Pro Feature: Icon Grid Six
Centered heading over a three column grid of six icon led feature blurbs.
Marketing Pro Feature: Split With App Window
Heading and checklist beside a campaign window mockup with live progress bars.
Marketing Pro Feature: With Stat Band
Icon feature grid capped by a divided band of three headline stats.
Marketing Pro Footer: Centered Logo Links
Centered logo over a single row of links, social icons, and a copyright line.
Marketing Pro Footer: Five Column With Tagline
Brand name and tagline beside four link columns above a legal bar.
Marketing Pro Footer: Minimal Inline Links
One slim row with copyright, inline nav links, and small social icons.
Marketing Pro Footer: With App Badges
Three link columns plus iOS and Android download buttons above a brand bar.
Marketing Pro Footer: With Status And Locale
Four link columns with a bottom bar showing system status and a language picker.
Marketing Pro Hero: Centered With Feature Pills
A centered headline, lede, and dual CTAs above a wrapped row of bordered icon feature pills.
Marketing Pro Hero: Left Aligned With Checklist
A left aligned headline, lede, three check items, and dual CTAs that own the left edge.
Marketing Pro Hero: Split With Metrics
A split hero with copy and dual CTAs beside a divided panel of four large KPI tiles.
Marketing Pro Hero: Split With Testimonial
A split hero with headline, lede, and dual CTAs beside a single customer quote card.
Marketing Pro Hero: With Kanban Preview
A centered hero with copy and CTAs above a wide kanban board mockup of campaign tasks.
Marketing Pro Pricing: Dark Featured Tier
Three pricing tiers where the featured middle plan sits on a solid primary panel.
Marketing Pro Pricing: Free vs Pro
Free and Pro columns with their own feature lists and CTAs, with Pro framed by a primary ring.
Marketing Pro Pricing: Open Source vs Cloud
A free self hosted panel with an install command beside a paid managed cloud plan.
Marketing Pro Pricing: Pricing With Testimonial
Two plan cards beside a customer quote card that endorses the upgrade.
Marketing Pro Pricing: Single Plan With FAQ
A single full plan price card beside a divided list of three short pricing questions.
Marketing Pro How It Work: Horizontal Connected
Three steps in a row joined by a thin connector line with a dot marking each step.
Marketing Pro How It Work: Onboarding Checklist
Copy about a one afternoon setup beside a bordered checklist card with a progress bar.
Marketing Pro How It Work: Split Steps With Mockup
Three numbered steps beside an app window mockup showing live metrics and a chart.
Marketing Pro How It Work: Three Step Cards
Centered heading above three step cards, each pairing an icon and number with short copy.
Marketing Pro How It Work: Zigzag Steps
Alternating rows of step copy and app mockups, each tagged with a bordered step badge.
Marketing Pro Testimonial: Avatar Strip With Quote
A centered row of ten overlapping avatars above one quote, five stars, and a review count.
Marketing Pro Testimonial: Logos And Quotes Grid
A grid that alternates customer quote cards with company wordmark tiles under a heading.
Marketing Pro Testimonial: Quote With Metrics
A featured customer quote card beside a divided grid of two big result numbers.
Marketing Pro Testimonial: Single Quote Banner
One large centered quote with an avatar, name, and role stacked beneath it.
Marketing Pro Testimonial: Three Column Quotes
Three customer quotes in divided columns under a centered heading and lede.
Marketing Pro Case Study: Dark Panel Feature
Featured story in a solid primary panel with inverted wordmark, summary, and three metrics.
Marketing Pro Case Study: Logo Rows With Results
Stacked divided rows pairing a wordmark and outcome with a bold metric and story link.
Marketing Pro Case Study: Results Table
Clean table of customers, industries, results, and time to value with CTA buttons below.
Marketing Pro Case Study: Story Grid
Three story cards each showing a wordmark, a bold result, a summary, and a read link.
Marketing Pro Comparison: Comparison with Quote
Compact five row comparison table beside a quote card from a customer who switched.
Marketing Pro Comparison: Feature Checklist Table
Two column checklist table comparing features and pricing against a single competitor.
Marketing Pro Comparison: Switch Banner
Migration banner card with a heading, one call to action, and three checked steps below.
Marketing Pro CTA: Bordered Inset
Centered headline and buttons inside a large rounded border inset.
Marketing Pro CTA: Side By Side Cards
Two matched cards offering free trial and sales paths with checklists and buttons.
Marketing Pro CTA: With App Badges
Centered mobile pitch with App Store and Google Play download buttons.
Marketing Pro FAQ: Accordion With Links
Accordion beside a bordered card of documentation, community, and support links.
Marketing Pro FAQ: Numbered List
Editorial Q&A list with large muted numerals beside each question and hairline dividers.
Marketing Pro FAQ: Split Headline Accordion
Sticky heading and lede in the left third with the accordion filling the right two thirds.
Marketing Pro FAQ: With CTA Banner
Centered accordion above a slim bordered contact band with an outline support button.
Marketing Pro Feature: Cards With Mockups
Three feature cards, each topped with a small chart, list, or form mockup.
Marketing Pro Feature: Icon Grid Six
Centered heading over a three column grid of six icon led feature blurbs.
Marketing Pro Feature: Stacked Panels
Two stacked split panels pairing copy and checklists with app window mockups.
Marketing Pro Footer: Centered Logo Links
Centered logo over a single row of links, social icons, and a copyright line.
Marketing Pro Footer: Legal Heavy
Link columns over a dense legal block with disclaimers and compliance badges.
Marketing Pro Footer: With App Badges
Three link columns plus iOS and Android download buttons above a brand bar.
Marketing Pro Hero: Centered Minimal
A typography only hero with a centered headline, lede, single CTA, and a muted trust line.
Marketing Pro Hero: Left Aligned With Checklist
A left aligned headline, lede, three check items, and dual CTAs that own the left edge.
Marketing Pro Hero: Split With Mobile App
A split hero with copy and dual CTAs beside a phone mockup of the product mobile app.
Marketing Pro Hero: With Kanban Preview
A centered hero with copy and CTAs above a wide kanban board mockup of campaign tasks.
Marketing Pro Pricing: Feature Matrix Compact
Plan headers with CTAs above a compact feature matrix that shades the middle column.
Marketing Pro Pricing: Open Source vs Cloud
A free self hosted panel with an install command beside a paid managed cloud plan.
Marketing Pro Pricing: Simple Rate Table
A minimal rate table listing each metric, its included allowance, and the overage price.
Marketing Pro How It Work: Horizontal Connected
Three steps in a row joined by a thin connector line with a dot marking each step.
Marketing Pro How It Work: Pipeline Flow
Inline SVG flow of four pipeline stages above a three column row explaining them.
Marketing Pro How It Work: Three Step Cards
Centered heading above three step cards, each pairing an icon and number with short copy.
Marketing Pro Testimonial: Alternating Quotes
Large quotes with avatars that alternate left and right alignment in a divided stack.
Marketing Pro Testimonial: Logos And Quotes Grid
A grid that alternates customer quote cards with company wordmark tiles under a heading.
Marketing Pro Testimonial: Quote With Product Shot
A large quote and attribution beside a launch checklist mockup of the product.
Marketing Pro Testimonial: Three Column Quotes
Three customer quotes in divided columns under a centered heading and lede.
Marketing Pro Case Study: Featured Story
Centered heading over a story card pairing narrative and quote with a rail of three metrics.
Marketing Pro Case Study: Metrics Spotlight
Company narrative beside a divided stat rail with a wide customer quote underneath.
Marketing Pro Case Study: Split With Quote
Two paragraph story beside a right rail holding a quote card and two key stats.
Marketing Pro Comparison: Alternative Cards
Three cards positioning the product as the alternative to spreadsheets, email, and suites.
Marketing Pro Comparison: Competitor Table
Feature table comparing the product against two competitors with check, partial, and no marks.
Marketing Pro Comparison: Old Way New Way
Editorial split contrasting a muted old way list with a confident checked new way list.
Marketing Pro Comparison: Us vs Them Split
Divided two column list pairing checked product strengths with crossed out competitor gaps.
Marketing Pro CTA: Full Bleed Band
Full width primary band with headline, supporting line, and one inverted button.
Marketing Pro CTA: Split With Mockup
Card split pairing CTA copy and buttons with a metrics dashboard mockup.
Marketing Pro CTA: With Guarantee
Centered card CTA with buttons and a money back guarantee reassurance line.
Marketing Pro FAQ: Category Columns
Three topic columns for billing, product, and security with short plain text answers.
Marketing Pro FAQ: Sidebar Topics
Static topic list with counts beside a flat divided list of billing questions.
Marketing Pro FAQ: Top Questions Plus All
Three featured question cards above an accordion holding the remaining answers.
Marketing Pro Feature: Accordion With Preview
Single open accordion of features paired with an analytics preview window.
Marketing Pro Feature: Centered Rows
Narrow centered column of four icon feature rows separated by dividers.
Marketing Pro Feature: Solid Panel Grid
Solid primary panel holding a heading and a six tile icon feature grid.
Marketing Pro Feature: With Stat Band
Icon feature grid capped by a divided band of three headline stats.
Marketing Pro Footer: Dark Solid
Solid primary footer with brand blurb, socials, and four link columns.
Marketing Pro Footer: Minimal Inline Links
One slim row with copyright, inline nav links, and small social icons.
Marketing Pro Footer: With Contact Info
Link columns alongside address, email, and phone contact details.
Marketing Pro Hero: Centered With Feature Pills
A centered headline, lede, and dual CTAs above a wrapped row of bordered icon feature pills.
Marketing Pro Hero: Split With Code
A split hero with headline, lede, and CTAs beside a token colored code editor window mockup.
Marketing Pro Hero: Split With Testimonial
A split hero with headline, lede, and dual CTAs beside a single customer quote card.
Marketing Pro Pricing: Annual Toggle Two Tier
Two plan cards under a monthly and annual switch that updates prices with a savings badge.
Marketing Pro Pricing: Free vs Pro
Free and Pro columns with their own feature lists and CTAs, with Pro framed by a primary ring.
Marketing Pro Pricing: Per Seat Calculator
A seat slider that totals a flat per seat rate beside the included feature list.
Marketing Pro Pricing: Single Plan With FAQ
A single full plan price card beside a divided list of three short pricing questions.
Marketing Pro How It Work: Numbered Editorial
Four oversized numbered steps in a two column editorial grid with top borders.
Marketing Pro How It Work: Split Steps With Mockup
Three numbered steps beside an app window mockup showing live metrics and a chart.
Marketing Pro How It Work: Vertical Timeline
Narrow vertical timeline of four numbered steps joined by a line, with buttons below.
Marketing Pro Testimonial: Avatar Strip With Quote
A centered row of ten overlapping avatars above one quote, five stars, and a review count.
Marketing Pro Testimonial: Pull Quotes Stack
An editorial stack of two big pull quotes with oversized quote marks and attributions.
Marketing Pro Testimonial: Single Quote Banner
One large centered quote with an avatar, name, and role stacked beneath it.
Marketing Pro Case Study: Industry Tabs
Industry tabs where each panel shows one story card with metrics and a customer quote.
Marketing Pro Case Study: Quote Led Story
Oversized opening quote above a three stat row and two short narrative paragraphs.
Marketing Pro Case Study: Story Carousel
Horizontally scrollable snap row of story cards with wordmarks, metrics, and summaries.
Marketing Pro Comparison: Before and After
Before and after cards listing the same workflow as crossed off pains and checked wins.
Marketing Pro Comparison: Dimension Rows
Stacked full width rows comparing Them and Us copy across four buying dimensions.
Marketing Pro Comparison: Side by Side Mockups
Two window mockups contrasting a cluttered generic tool with the calm product, captioned.
Marketing Pro CTA: Banner With Avatars
Card banner with headline, overlapping avatar row, and a single primary button.
Marketing Pro CTA: Minimal Inline
Slim ruled strip pairing a short headline with a single arrow text link.
Marketing Pro CTA: Split With Quote
CTA copy and buttons beside a customer quote card with a matching avatar.
Marketing Pro CTA: With Stats
Centered CTA copy and buttons above a divided grid of three proof stats.
Marketing Pro FAQ: FAQ Cards Grid
Six bordered cards in a responsive grid, each pairing one question with a short answer.
Marketing Pro FAQ: Single Column Prose
Narrow centered column of stacked Q&As in calm prose separated by hairlines.
Marketing Pro FAQ: Wide Accordion Bold
Full width accordion with oversized question typography for confident scanning.
Marketing Pro Feature: Bento Grid
Centered intro above a bento of one large dashboard card and five smaller icon tiles.
Marketing Pro Feature: Compact Two Column
Centered heading over a tight two column list of eight checkmarked essentials.
Marketing Pro Feature: Split With App Window
Heading and checklist beside a campaign window mockup with live progress bars.
Marketing Pro Footer: Brand Blurb Columns
Brand blurb and social icons beside three columns of product links.
Marketing Pro Footer: Five Column With Tagline
Brand name and tagline beside four link columns above a legal bar.
Marketing Pro Footer: Newsletter Centered
Centered newsletter signup above a row of nav links and a copyright line.
Marketing Pro Footer: With Status And Locale
Four link columns with a bottom bar showing system status and a language picker.
Marketing Pro Hero: Centered With Search
A docs hero with centered copy above a command bar search mockup with suggestion rows.
Marketing Pro Hero: Split With Metrics
A split hero with copy and dual CTAs beside a divided panel of four large KPI tiles.
Marketing Pro Hero: With Avatar Rating
A centered hero with dual CTAs above overlapping avatars, five stars, and a team count line.
Marketing Pro Pricing: Dark Featured Tier
Three pricing tiers where the featured middle plan sits on a solid primary panel.
Marketing Pro Pricing: Lifetime Deal
A wide panel with a one time price, three value bullets, a guarantee note, and a strong CTA.
Marketing Pro Pricing: Pricing With Testimonial
Two plan cards beside a customer quote card that endorses the upgrade.
Marketing Pro How It Work: Day One Timeline
Intro copy beside a first day timeline of product moments keyed by monospaced times.
Marketing Pro How It Work: Onboarding Checklist
Copy about a one afternoon setup beside a bordered checklist card with a progress bar.
Marketing Pro How It Work: Step Tabs
Tabs labeled Step 1 to 3 where each panel pairs step copy with a small app mockup.
Marketing Pro How It Work: Zigzag Steps
Alternating rows of step copy and app mockups, each tagged with a bordered step badge.
Marketing Pro Testimonial: Dark Panel Quote
One featured quote inside a solid primary panel with avatar attribution at the bottom.
Marketing Pro Testimonial: Quote With Metrics
A featured customer quote card beside a divided grid of two big result numbers.
Marketing Pro Testimonial: Social Cards
A grid of six social post style cards with avatars, handles, and casual praise.