Jasper Grid split FAQ accordion

Jasper Grid split FAQ accordion, editorial, minimal, light

Preview image. Unlock full-res

Split FAQ with tilted red FAQs badge and left headline beside a peach accordion panel with seven Jasper Grid questions, first item expanded.

Industryai, marketing, saas
Elementsaccordion, badge
Palette
#FFFFFF
#FFE8E3
#F2C9C4
#A297A7
#C1B4BD

Summary

A product FAQ with left-aligned serif title and tilted red badge opposite a peach accordion listing seven Jasper Grid questions.

Visual description

White background with faint light gray vertical grid lines. Left narrow column: red rectangle tilted counter-clockwise with black serif "FAQs", then dark serif "Questions about Jasper Grid" on two lines. Right wide column: large light peach container with thin dark borders and horizontal rules separating seven accordion rows. First row expanded: bold serif "What is Jasper Grid?" with sans-serif answer about no-code content system and upward arrow icon in square button. Six collapsed rows show questions only with downward arrows (audience, localization, brand compliance, technical resources, integrations, enterprise security).

Key takeaway

Tilted badge adds personality to an otherwise standard FAQ split. Peach accordion panel groups questions as one object separate from the page grid.

Reuse notes

Strong for product pages with six to ten technical questions. Left title column can stick on scroll. Ensure arrow buttons meet touch-target size on mobile.

More faq sections

See all

More like this