Full-width, page-level announcement (above the navbar). For in-content messages use Alert.

Feature bento grid: one large tile with supporting tiles, built from real components.

Call-to-action section: card, full-width band or newsletter variant.

FAQ section as an accordion, a split layout or a grid of answers.

Feature section: icon, title and description per feature, as a grid, cards or a list.

Site footer: link columns, a simple bar, or with a newsletter signup.

Site header: logo, primary links, sign-in and CTA; collapses to a menu on narrow containers.

Placeholder wordmarks: swap for real SVG logos (keep them single-color: currentColor).

Pricing section: plan cards with a monthly/yearly toggle.

Headline numbers with labels, divided, as cards or on a band.

Customer quotes as a grid, a featured quote or an auto-scrolling marquee.

Features revealed as you scroll: a long list on one side, a sticky visual that swaps to the feature currently in view (IntersectionObserver). On narrow containers each feature shows its own visual inline.

Feature tabs that auto-advance with a progress bar; pause on hover/focus, stop for reduced motion. Tabs are real tabs (role=tablist) so keyboard users can jump directly.

Email signup section with inline validation and a success state.

Blog index: card grid, featured post plus list, or a minimal text list.

Card-based sections: spotlight cards that follow the pointer, image cards, or a stacked/tilted showcase.

Careers section: perks plus filterable open roles, as rows or cards.

Contact section: form beside contact channels, or centered form with channel cards below.

Long-form content section: article body with optional figure and sticky aside, or two-column with pull quote.

Header flyout menus: product grid with footer actions, resources with a featured post, and a simple list.

Team section: card grid with bios, compact avatar wall, or a split list with intro copy.

Category page with filters: sidebar facets (category, price) on wide containers, active-filter chips, sort and results grid.

Shop-by-category: tile grid, or one large feature tile beside smaller ones.

Single-page checkout: contact, shipping address, delivery method, payment, with a sticky order summary. Demo only — collects no data.

Store incentives: icon row, bordered cards, or a slim strip above the footer.

Order history: grouped order cards with items and actions, or a compact table.

Order confirmation: thank-you header, shipment progress, items, addresses and totals.

Product feature sections: alternating image and text rows, or a spec sheet beside a product image.

Product listings: simple grid with hover quick-add, bordered cards with ratings, or a horizontal snap scroller.

Product detail: gallery with thumbnails, price and rating, color and size pickers, add to cart, and details accordion.

Promotional sections: full-bleed banner over art, split with a product collage, or an offer card with a copyable code.

Product reviews: rating summary with distribution bars and filters, plus review list with helpful votes.

Shopping cart as a full page with order summary, or as a slide-over drawer.

Storefront header: promo bar, mega menu with featured products, search, account and cart count.

Card with a chronological activity feed: who did what, when, with inline comments.

Dashboard home: app shell + date-range filter row + KPI row + chart + ranked list. Filters sit in one row above everything they scope.

Row of KPI tiles (label · value · delta vs period · sparkline). Reflows 1→2→4 columns by container width.

Orders table section: title, filter bar, export, data grid with search, sort, selection and pagination.

A grid of dashboard chart cards: each pairs the headline number with the chart that explains it.

Analytics page: one filter row scoping everything, KPIs, revenue vs target, usage heatmap, top customers.

Product-level empty state with a starter checklist or templates, for first-run screens.

App page header: breadcrumbs, title, meta, actions and optional section tabs.

Full app layout: collapsible sidebar, header with breadcrumbs/search/actions, scrolling content.

Read-only detail views: left-aligned rows with inline edit and attachments, or a two-column card.

In-page section headings: title with actions, with tabs, with search and view switch, or with inline stats.

Stacked lists: people with presence and a row menu, or projects with status and progress.

Long form with grouped sections: label column on wide containers, stacked on narrow.

Settings page sections: toggles in a card, a field with its own save, and a danger zone.

Billing page: current plan, usage against limits, next invoice, billing schedule, payment method and invoice history.

App directory: search, category filter, connect toggles, per-integration settings sheet.

Self-contained action panels: plain button, toggle, inline input, and a danger zone with confirmation.

Invoice: full document with line items and totals, or a compact summary card with payment status.

Sign-in: social providers, email + password, remember me, error state from the server.

Sign-up: name/email/password with strength meter, terms consent, and a benefits panel.

Verification flows: email code entry with resend timer, magic-link "check your inbox", and authenticator (2FA) setup.

Invite teammates: emails + role + copyable link.

Right-side detail/edit panel with form and footer actions.

Notification patterns together: a page banner, header notification center, toasts and inline alerts.

Template gallery for agents: search, category switch, cards with tools and a set-up dialog.

Three-pane AI workspace: threads, conversation with tool calls and sources, and a run panel (plan + context).

Customer context sidebar for support and sales agents (human or AI): profile, health, usage, tickets and suggested next actions.

First-run checklist: progress, expandable steps with one action each, mark done, dismiss.

Contextual tips: a paged "Did you know" card, an inline hint strip, and a guided tour trigger.

Project board page: header, filters, view switch, and a keyboard-accessible kanban.