Three new FAQ layouts
Three fresh ways to answer questions: FAQ Categories (grouped, two-level accordion), FAQ Outline (bold outlined boxes) and FAQ Pills (friendly filled rows). Each ships FAQPage schema.org markup for Google rich results and is fully keyboard-accessible.
Different stores answer questions differently — so there are now three new FAQ sections to match your storefront's personality, alongside the original. Every one ships FAQPage schema.org markup (the structured data Google reads for rich FAQ results), real <button> accordions with proper focus states, and reduced-motion support.
Modulo: FAQ Categories. For stores with a lot to explain. A two-level accordion — tap a category (General, Shipping, Returns…) to reveal its questions as nested accordions inside. The open category becomes a coral header bar with the questions hairline-divided in the card below, and a little article count per category. Want a plain single-level FAQ instead? Use only Question blocks and it renders a clean flat accordion — no categories required.
Modulo: FAQ Outline. The high-contrast cut. Heavily outlined question boxes with chevron toggles on a centered layout — pick a connected frame or separated boxes, and add an optional "See more" link to a full FAQ page.
Modulo: FAQ Pills. The friendly cut. Each question is a solid rounded pill with a rotating chevron; the answer drops in cleanly below the bar. Warm, approachable, AA-contrast by default.
Yours to shape. Single or multi-open behavior, every color, type sizes for the heading / questions / answers, card radius and border weight, section width, header alignment and padding. All three drop in polished with zero configuration and collapse cleanly to a single column on mobile.