Synthesia FAQs Section

Synthesia FAQs Section, light-mode, minimal, light

Preview image. Unlock full-res

Light split FAQ with a sticky left title and an oversized navy heading beside a right column of pale blue accordion rows, first one open.

Colorlight, cool
Industryai, media, saas
Elementsaccordion, badge
Palette
#FFFFFF
#EEF1FF
#3B4BE8

Summary

A clean light FAQ in a two-column split, with an oversized navy section title on the left and a stacked column of pale blue accordion rows on the right, the first row expanded. The generous left title gives the list a calm, editorial anchor.

Visual description

The left column holds a small blue "FAQS" eyebrow pill above a large two-line dark-navy heading "AI video generation FAQs." The right column is a vertical stack of rounded pale-blue accordion rows. The top row is open, showing a question in bold and a multi-line answer with two inline blue text links; its toggle is an up chevron. The remaining rows are collapsed, each a bold question with a right-aligned arrow icon. Spacing between rows is generous and the palette stays white with light blue panels and a blue accent.

Key takeaway

Pairing an oversized standalone title column with the accordion list balances a plain Q&A with a strong typographic anchor. Showing the first item pre-expanded both demonstrates the interaction and surfaces the most important answer immediately. Inline links inside the open answer route readers onward without leaving the FAQ.

Reuse notes

A reliable, low-risk FAQ layout for product and pricing pages. The split needs enough horizontal room; on narrow viewports the title would stack above the list. Keep answers short and lean on inline links for depth so the accordion stays tidy.

More faq sections

See all

More like this