Showcase Index

Configuration

• Showcase: Layout Templates

  Side-by-side comparison of all PageGridLayout template variants — standard, sidebar, aside, three-column, and full-width patterns.

Design System

• Showcase: Design Tokens

  Primitive, semantic, and on-surface design tokens — color palettes, typography scales, spacing, and fluid token output.

• Showcase: HTML Elements

  Base HTML element styling — headings, paragraphs, lists, tables, blockquotes, code blocks, and inline elements after Tailwind Preflight.

Development

• Showcase: Animation

  Scroll-reveal presets, stagger, raw keyframes, and reduced-motion behavior using Motion Mini.

Components

• Showcase: Cards & Testimonials

  InfoCards, FeatureGrid, and Testimonials — card orientations, full-card click behavior, item-level overrides, and grid/centered layouts.

• Showcase: Content Composition & Fragment

  Visual QA showcase for LayoutSection composition patterns and fragment rendering.

• Showcase: Form Primitives

  Form field primitives, validation states, ContactForm section, and NewsletterSignup section.

• Showcase: Header & Navigation

  Site header, main navigation, mobile menu, utility bar, and breadcrumb rendering across breakpoints.

• Showcase: Hero & CallToAction

  Hero and CallToAction section variants — heading sizes, action buttons, stacked and inline layouts, and background surfaces.

• Showcase: Image Lightbox

  Visual QA showcase for the Image Lightbox component — gallery navigation, captions, hi-res sources, and progressive enhancement.

• Showcase: Interactive Components

  Interactive primitives — accordion, dropdown, drawer, scroll-to-top, copy button, and theme toggle.

• Showcase: Primitive Components

  Heading, Button, Icon, Link, Badge, LayoutSection, and SurfaceBox primitives — variants, sizes, and token usage.

• Showcase: Search

  Pagefind-powered search modal — keyboard navigation, result rendering, and empty-state handling.

• Showcase: UI Components

  Breadcrumbs, pagination, table of contents, empty state, prev/next navigation, and article card components.

• Showcase: Gallery Components

  Visual demo of Gallery and MasonryGallery components with lightbox integration.

SEO & Analytics

• Showcase: Consent & Analytics

  Cookie consent banner, analytics integration, and consent-state persistence across sessions.