Studio Nope - FAQ

The most comprehensive FAQ module on the HubSpot marketplace. Three layout modes (split, full-width, multi-column grid), smart stacked/card item rendering, full rich text answer styling, subtitle, CTA link, and full font control via HubSpot's font picker.

Every element is customizable from the Style tab: container width, 12 color pickers (section bg, heading, eyebrow, subtitle, question, answer, icon, active states, item bg, item border, item hover bg, shadow color, CTA color), two font pickers (heading + body with theme inheritance), typography sizing for every text element, item card styling (padding, border radius, border width, box shadow), spacing, and responsive breakpoints. 45+ style fields in total.

What you can build:

• Classic centered FAQ sections with expandable answers

• Split-layout FAQ with sticky heading alongside the accordion

• Multi-column FAQ grids (2 or 3 columns) with card-style items

• Stacked accordion in one unified box (gap 0) or individual cards (gap > 0)

• Knowledge base style Q&A with rich text answers (headings, lists, blockquotes, tables, code, images)

• Support page FAQ sections with shadows, hover effects, and CTA link

Content features: Section heading with eyebrow, subtitle, and configurable heading tag (H2/H3/H4). Up to 30 FAQ items with question text and rich text answers (supports headings, bold, italic, links, ordered/unordered lists, blockquotes, code blocks, tables, images, horizontal rules). Open first item toggle. Allow multiple items open simultaneously. Optional CTA link with arrow icon below the FAQ items.

Layout options: Split (heading left, accordion right with sticky header), Full (centered, max-width constrained), or Grid (1/2/3 column layout for card-style FAQs). Header alignment (center/left) for Full and Grid. All layouts are fully responsive and collapse to single column on mobile.

Style tab: Container (max width, horizontal padding), colors (section background, heading, eyebrow, subtitle, CTA link, question, answer, icon, active question, active icon, item background, item border, item hover background, shadow color), typography (heading font picker, body font picker — both inheriting from HubSpot theme, heading/subtitle/eyebrow/question/answer font sizes, answer line height), item card (vertical/horizontal padding, gap, border radius, border width, box shadow, icon size, answer max width), spacing (padding top/bottom), responsive (tablet/mobile breakpoints). Smart rendering: gap 0 merges items into one unified box with shared border/radius/shadow; gap > 0 renders each item as an individual card. Accent colors inherit from HubSpot theme settings.

Works on any HubSpot template, no theme required.