Loads on scroll
SignalStat Card
Bold number with a split layout and short source line.
Core MVPstat-signal
Template preview lab
Scan every branded section fast with exact thumbnails.
Pick a brand from a website or set the palette manually. Every section stays visible, but each tile waits until it nears the viewport before requesting its exact rendered image, so the page stays light while you compare real cards instead of heavy live previews.
Extract a website brand or tune the colors manually. All sections stay visible, thumbnails render as you scroll, and copy or download live directly under each tile.
Template gallery
Browse every section and keep quick actions on every tile.
40 templates
Core MVP
10 exact image tilesLoads on scroll
SpectrumStat Card
Dark gradient stat with a bright attention anchor.
Core MVPstat-spectrum
Loads on scroll
OrbitQuote Card
Large quote on a dark halo background.
Core MVPquote-orbit
Loads on scroll
RibbonQuote Card
Editorial quote framed by a sharp accent rail.
Core MVPquote-ribbon
Loads on scroll
BeaconKey Takeaway Card
Large takeaway line on a dark branded field.
Core MVPhighlight-beacon
Loads on scroll
SpotlightKey Takeaway Card
Editorial highlight with a bright focus panel.
Core MVPhighlight-spotlight
Loads on scroll
GridTakeaway List Card
Dark checklist with 3 to 4 short takeaways.
Core MVPtakeaway-grid
Loads on scroll
PulseTakeaway List Card
Numbered list with 3 to 4 bold steps.
Core MVPtakeaway-pulse
Loads on scroll
VersusComparison Card
Two-column comparison with a strong central split.
Core MVPcomparison-versus
Loads on scroll
Do / Don'tComparison Card
Best-practice comparison with positive and caution lanes.
Core MVPcomparison-do-dont
Expansion Templates
10 exact image tilesLoads on scroll
ArcTimeline Card
Horizontal milestone timeline with a bright connective spine.
Expansion Templatestimeline-arc
Loads on scroll
SignalCTA Banner
Bold campaign banner with a large headline and button treatment.
Expansion Templatescta-signal
Loads on scroll
FocusDefinition Card
Large term treatment with an editorial definition panel.
Expansion Templatesdefinition-focus
Loads on scroll
BeaconPro Tip Callout Card
Warm attention card for tips, notes, and compact callouts.
Expansion Templatescallout-beacon
Loads on scroll
RailNumbered Steps Card
Detailed numbered sequence with compact multi-line steps.
Expansion Templatessteps-rail
Loads on scroll
LaneProcess Step Flow Card
Compact horizontal step flow with a connective motion rail.
Expansion Templatesprocess-lane
Loads on scroll
GridFeature Comparison Table
Three-column feature table with option headers and structured rows.
Expansion Templatesfeature-grid
Loads on scroll
StageBlog Hero Featured Image
Editorial blog hero with large headline and decorative brand field.
Expansion Templateshero-stage
Loads on scroll
BeaconMini Chart Data Viz Card
Compact bar chart with branded emphasis on a few data points.
Expansion Templateschart-beacon
Loads on scroll
SignalWarning Note Card
Caution-first note card with warning styling and a hard stop tone.
Expansion Templateswarning-signal
Social Proof and Authority
3 exact image tilesLoads on scroll
PortraitTestimonial Card
Testimonial quote with a profile block and strong social-proof framing.
Social Proof and Authoritytestimonial-portrait
Loads on scroll
BandSocial Proof Counter
Horizontal proof banner with a few oversized metrics.
Social Proof and Authorityproof-band
Loads on scroll
HonorAward Badge Card
Recognition badge card for awards, certifications, or top-rank proof.
Social Proof and Authoritybadge-honor
Structured Data and Explanations
5 exact image tilesLoads on scroll
OrbitAnatomy Breakdown Card
Central subject with surrounding labeled breakdown points.
Structured Data and Explanationsanatomy-orbit
Loads on scroll
SumFormula Equation Card
Visual equation card that assembles a result from 2 to 3 short terms.
Structured Data and Explanationsformula-sum
Loads on scroll
BandSpectrum Scale Card
Segmented scale with end labels and one highlighted zone.
Structured Data and Explanationsspectrum-band
Loads on scroll
MapMatrix Quadrant Card
Structured 2x2 matrix with axis labels and quadrant names.
Structured Data and Explanationsquadrant-map
Loads on scroll
StackFunnel Card
Layered funnel with 3 to 5 stages and optional stage metrics.
Structured Data and Explanationsfunnel-stack
Comparison and Contrast
3 exact image tilesLoads on scroll
SplitMyth Vs Reality Card
Debunking split card with one false belief and one grounded correction.
Comparison and Contrastmyth-split
Loads on scroll
FrameBefore After Screenshot Card
Before/after panels that imply a visual transformation without real screenshots.
Comparison and Contrastbefore-after-frame
Loads on scroll
SpotlightPricing Plan Card
Two or three pricing plans with one recommended option emphasized.
Comparison and Contrastpricing-spotlight
Visual Accents and Engagement
4 exact image tilesLoads on scroll
WallPull Quote Large Text Card
Huge short phrase designed to create a visual pause in the article.
Visual Accents and Engagementpull-quote-wall
Loads on scroll
LineupEmoji Summary Card
Compact emoji-led summary with 3 to 5 punchy points.
Visual Accents and Engagementemoji-lineup
Loads on scroll
BurstQuestion Card
Provocative question card with bold editorial interruption energy.
Visual Accents and Engagementquestion-burst
Loads on scroll
MonumentNumber Highlight Card
Oversized standalone number with only a minimal supporting caption.
Visual Accents and Engagementnumber-monument
Content Marketing and Navigation
5 exact image tilesLoads on scroll
KPI BeaconStat Card
Single KPI card with compact trend framing and editorial metric focus.
Content Marketing and Navigationkpi-beacon
Loads on scroll
Toolkit StackTakeaway List Card
Resource stack for tools, assets, or linked references.
Content Marketing and Navigationtoolkit-stack
Loads on scroll
BridgeCTA Banner
Editorial cross-link card that points readers to the next article.
Content Marketing and Navigationrelated-reading-bridge
Loads on scroll
SlateBlog Hero Featured Image
Section divider card for large chapter transitions in a long article.
Content Marketing and Navigationchapter-divider-slate
Loads on scroll
SignatureTestimonial Card
Author identity card with role, company, and a short editorial bio.
Content Marketing and Navigationauthor-signature