Patterns are full page sections ready to copy and customize. Unlike components, which are individual UI elements, patterns give you an entire section with layout, spacing, and content structure already in place. Copy the JSON, paste it into the canvas, swap in your content, and you have a finished section.

Every pattern listed here is built-in and ships with etchKit.

Heroes #

Hero Section is a full-width hero block with a headline, subtext, two call-to-action buttons, and a slot for a navigation bar. Covers the most common landing page hero layout. Swap in your copy, adjust the CTAs, and it is ready to publish.

Marketing #

Pricing Table is a three-tier pricing layout with a highlighted (recommended) plan, feature lists for each tier, and a monthly/annual billing toggle. The structure handles the most common SaaS and service pricing page needs without starting from scratch.

Feature Grid is a responsive grid of icon-and-text cards laid out in 3 columns. Supports 3, 4, or 6 feature items. Each card has space for an icon, a heading, and a short description. Useful for product feature sections, service overviews, or benefit lists.

Testimonials gives you customer quote cards with star ratings and avatar images. Can run as a static grid or switch to carousel mode for horizontal scrolling. Good for social proof sections on landing pages or product pages.