Sections

Sections

Full marketing blocks harvested from real websites — heroes, headers, footers, testimonials, CTAs, and feature grids.

Sections

Hero Cinematic

Full-screen dark hero with oversized serif display and accent slash marks.

herodarkserif
Sections

Hero Product

Dark product-marketing hero with dual CTAs and a large product frame mockup.

herodarksaas
Sections

Hero Developer

Light developer-facing hero with URL input card and JSON preview mockup.

herodeveloper
Sections

Bento Features

Editorial bento grid with cream background, mixed-width cards, and chart mocks.

featuresbento
Sections

Features Screenshot Grid

Five-card feature layout with screenshot-style surfaces and capability pills.

features
Sections

Trust Grid

Two-row credibility matrix with serif wordmarks in evenly divided dark cells.

logostrust
Sections

Logo Marquee

Masked logo rail with fixed credibility copy and a continuously scrolling track.

logosmarquee
Sections

Navbar Editorial

Editorial top bar with serif wordmark, mono link cluster, and accent pill CTA.

headernaveditorial
Sections

Header Dark

Dark top navigation with pill CTA and compact uppercase link row.

headernavdark
Sections

Header Light

Clean developer-site header with product menu, GitHub star, and sign-up CTA.

headernav
Sections

Footer Dark

Dark multi-column footer with brand mark, link columns, and globe wireframe.

footerdark
Sections

Footer Light

Bordered multi-section light footer with compliance badge and status row.

footer
Sections

Footer Marquee Backers

Multi-row marquee of partner names above a dark footer body.

footermarquee
Sections

Powered by ComCreate

Self-contained 'Powered by ComCreate' credit badge for client-site footers.

footerbrandingcredit
Sections

Testimonial Scroll Reveal

Scroll-reveal quote block with word-by-word color fade on scroll.

testimonialdarkscroll
Sections

Testimonials Marquee

Two rows of tweet-style testimonial cards scrolling in opposing directions.

testimonialsmarquee
Sections

FAQ Accordion

Categorized accordion FAQ with sticky category headings and expandable rows.

faq
Sections

CTA Ticket

Editorial CTA with 3D-rotated ticket mockup and serif display headline.

ctaeditorial
Sections

CTA Audience Marquee

Dual-CTA call to action paired with a vertical marquee of audiences.

ctamarquee
Sections

CTA Dot Art

Centered call to action framed by ornamental dot-art trees and mono corner labels.

cta
Sections

Code Tabs

Developer section with capability cards, runtime tabs, and line-numbered code panes.

codedeveloper
Sections

Analytics Dashboard

Dark analytics section with chart card and insight tiles.

analyticsdark
Sections

Growth Sticky List

Sticky sidebar list with scroll-synced active state and visual panels.

scrolldarkfeatures
Sections

Resources Grid

Resource grid with a large lead card and 2×2 supporting cards.

resourcesdark
Sections

Diagram Tabs

Editorial tabbed diagram with dot-pattern illustrations.

tabsdiagram
Sections

USP Strip

Three-column USP row with editorial serif headings.

uspeditorial
Sections

Agent Connect

Integration section with CLI command and MCP config code cards.

developerintegration
Sections

Infrastructure Grid

Multi-card infrastructure section with unique per-cell visualizations.

featuresinfrastructure
Sections

Performance Benchmarks

Benchmark comparison section with bar charts, latency rows, and integration orbit.

performancebenchmarksstats
Sections

Promo Banner

Thin announcement banner with inline CTA link.

bannerannouncement
Sections

Developer Quickstart

Feature cards + runtime tabs + paired code/output panels.

developercode
Sections

Use Cases Tabs

Vertical tab-list use cases with active preview panel on the right.

tabsuse-cases
Sections

Pricing Cards

Three-tier pricing cards with featured middle tier and feature checklists.

pricing
Sections

Stats Block

Four-column numeric stats grid with labels and deltas.

statsnumbers
Sections

Team Grid

Four-column team grid with gradient avatar placeholders.

teamabout
Sections

Blog Grid

Three-column blog post grid with gradient thumbnails and metadata row.

blogcontent
Sections

Services Diptych

Two-column section with headline + CTA paired with an auto-advancing slideshow.

servicesslideshoweditorial
Sections

Work Grid

Filterable case-study grid with pill tabs and hashtag-style metadata.

portfoliogridtabs
Sections

Purpose Statement

Tri-line oversized display headline with offset alignment and supporting body block.

editorialstatement
Sections

Text Tout

Editorial pull-quote section with large/small variants and optional pill CTA.

editorialcallout
Sections

Video Feature

Full-bleed video poster with grid backdrop, brand mark, and play-to-embed swap.

videomediadark
Sections

Client List

Slot-machine rotating client wordmarks bucketed across columns.

logostrustrotator
Sections

Hero Awards

Centered serif hero with laurel-flanked rotating award shelf.

heroeditorialawards
Sections

Editorial Feature

Large image carousel with overlaid kicker/title and below-the-fold tab list.

editorialcarouselfeature
Sections

Case Studies List

Snap-scrolling horizontal carousel of portrait case-study tiles with section header.

case-studiescarousel
Sections

Programs List

Large serif name + tagline + arrow row list with hover translate on the chevron.

listeditorialservices
Sections

Reel Section

Single dark video poster with frosted play button and corner timestamp.

videoreeldark
Sections

Menu Overlay

Burger trigger that drops a full-bleed dark overlay with serif nav, story cards, newsletter, and socials.

navoverlaymenudark
Sections

Stack Cinematic

Vertically stacked editorial cards — full-bleed film, side-by-side note, centered product.

editorialstackcinematic
Sections

Sticky Carousel

Vertical sticky-scroll carousel with right-rail pagination indicator.

scrollcarouseldark
Sections

Membership CTA

Centered dark membership invite with radial halo, pill CTA, and pricing.

ctadarkmembership
Sections

Case Card Grid

Editorial 4:5 case-study cards with per-card gradient and hover zoom.

case-studiesgrideditorial
Sections

Manifesto Numbered

Oversized accolade number paired with serif body block and numbered manifesto points.

editorialmanifestoabout
Sections

Trial Font Card

Compact dark trial-pack card with free-pill, download button, and specimen tile.

cardtypedownload
Sections

How Stepped

Pinned left heading with scroll-driven word stack on the right, plus trusted-by marquee.

howscrollprocess
Sections

Vehicle Pillars

Pill-tabbed value props with synchronized body copy and gradient visual.

tabsvaluesfeatures
Sections

Hero Carousel Auto

Auto-rotating hero slideshow with dual CTAs, arrow controls, and dot indicators.

herocarousel
Sections

Category Grid

Three-column portrait category tiles with uppercase mono captions.

gridcategoryeditorial
Sections

Hero Mesh

Editorial warm-grey hero with serif display, italicized verb, pill + bracket-frame CTAs, and a sparse dot-mesh constellation visual.

heroeditorialserifconstellation
Sections

Stack Scroll Isometric

Scroll-driven left-column bracket cards that flip to inverse on activation, paired with a sticky isometric layer-by-layer reveal diagram.

scrollstackisometricdiagram
Sections

Nav Glass Pills

Segmented backdrop-blur nav: three independent 46px glass pills — left links, center wordmark, right CTA — with mobile floating-pill fallback.

navheaderglasspill
Sections

CTA Noise Gradient

Deep navy radial-gradient CTA panel with film-grain noise overlay, serif headline with inline italicized verb, and dual cream pill CTAs.

ctadarknoisegradient