Northwind

Component Catalog Every block, documented

Catalog

Component Catalog Every block, shown five ways

This is the living catalog of every content block available in the system. Each block has its own page showing it across background, alignment and spacing settings, plus a field reference for authors.

A–Z block index 52 blocks

BlockCategoryPurpose
Accordion BlockEditorialA set of collapsible items, ideal for FAQs and progressive disclosure
Announcement Bar BlockConversionA slim, dismissible bar across the top of a page for a timely message or promotion
Author Bio BlockEditorialIntroduces an author with an avatar, name, role and short biography
Awards BlockTrustA row of certification or award badges
Blog Grid BlockCollectionsAutomatically lists articles from a chosen blog folder
Booking CTA BlockContactPrompts the visitor to book a call or appointment via an embedded scheduler
Breadcrumbs BlockNavigationShows the visitor’s location in the site tree
Callout BlockEditorialHighlights a tip, note or warning so it stands apart from the surrounding copy
Case Studies BlockTrustCards summarising customer results, each with an image and metric
Category Grid BlockCollectionsAutomatically lists product sub-categories as cards
Collection Banner BlockEcommerceA full-width banner introducing a product collection or category
Comparison BlockConversionA “us vs
Contact Info BlockContactAddress, phone, email and opening hours in a scannable block
Countdown BlockConversionA countdown to a deadline to create urgency for an offer
Course Grid BlockTrainingLists course modules with duration and level
CTA BlockEditorialA prominent call-to-action banner with selectable layout
Editorial BlockEditorialA combined header + rich body in a single unit for compact editorial sections
Editorial CTA BlockEditorialA focused call-to-action with a headline and one or two buttons
Editorial Grid BlockCollectionsAutomatically lists editorial pages from a chosen folder
Editorial Header BlockEditorialIntroduces a section with an eyebrow, headline and optional intro
Editorial Image BlockMediaA single framed image (or small set) with an optional caption
Editorial Text BlockEditorialThe main rich-text block for body copy — paragraphs, lists and links between other blocks
Embed BlockEditorialDrops in arbitrary HTML or an iframe — maps, forms, videos or third-party widgets
FAQ BlockEditorialRenders an accordion of FAQ items picked from the content library, with optional SEO schema
Feature BlockEditorialDisplays a set of reusable Feature items picked from the content library
Form BlockEditorialEmbeds a reusable form defined once in the library and reused across pages
Gallery BlockMediaA responsive image gallery in grid, masonry or carousel layouts
Hero BlockHeroThe Hero opens a page with a bold headline, supporting copy and a primary call to action
Icon List BlockEditorialA grid of short value points, each with an icon, title and one line of copy
Logo Cloud BlockTrustA row of client or partner logos to signal trust
Map BlockContactAn embedded map with an address and directions link
Markdown BlockEditorialRenders raw Markdown — handy for documentation, changelogs and technical content
Navigation Grid BlockNavigationA grid of cards that each link to a chosen page — a visual sub-navigation
Newsletter BlockConversionAn email-capture block with a consent note
Pricing BlockConversionSide-by-side pricing tiers with features and an optional highlighted plan
Product Carousel BlockEcommerceA horizontally scrolling set of featured product cards
Product Grid BlockCollectionsAutomatically lists products from chosen sub-categories
Product Hero BlockHeroThe Product Hero opens a product page, pulling live details from a linked product record
Product Specifications BlockDataShows structured specifications drawn from a linked product record
Quote BlockEditorialLifts a single sentence out of the flow — a customer line, a principle, a statistic in words
Schedule BlockTrainingLists upcoming events with date, time and location
Sequence BlockEditorialShows an ordered process as a timeline or numbered steps
Services Grid BlockServicesA grid of services, each with an icon, title and short description
Split BlockEditorialPairs media with text side by side, with an optional reverse for rhythm down a page
Stats BlockDataA band of 2–4 headline figures, each with a label
Story BlockEditorialAn open canvas for narrative layouts mixing headings, paragraphs, images and side-by-side columns
Table BlockDataA comparison or specification table with highlighted row labels
Tabs BlockEditorialGroups related content into tabbed panels to save vertical space
Team Grid BlockPeopleA grid of team members with photo, name and role
Testimonials BlockTrustA set of customer testimonials with quote, author, role and photo
Trust Bar BlockTrustA compact strip of trust signals — guarantees, uptime, support
Video BlockMediaEmbeds a video with a poster image, caption and aspect-ratio control