Kage Design logo kage
takweemai.com
Takweem AI faq component

Design analysis

A two-column FAQ layout uses a large editorial heading on the left and a vertically divided list of practical questions and answers on the right.

Prompt preview
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/takweem-ai/0f53cdf8-216d-4033-bf99-d7586d054974-1791439461-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/takweem-ai/0f53cdf8-216d-4033-bf99-d7586d054974-1791439356553-full.webp
- Component on Kage: https://kage.design/component/takweem-faq

## Before you start
Ask the user which objections, setup questions, privacy concerns, and operational details customers ask most. Then design an original FAQ section using these rules.

- Use a wide two-column layout: an oversized serif title on the left and an accordion/list of questions on the right.
- Separate questions with thin horizontal rules and keep each answer readable, concise, and clearly associated with its question.
- Show one or more expanded answers if useful, with a visible plus/minus or chevron affordance for collapsed items.
- Use generous vertical spacing, a restrained sans-serif for questions and answers, and a strong editorial heading hierarchy.
- Palette: #fcfcfa background, #171717 headings, #4f4f4b body text, #e5e5e0 rules; no heavy cards or shadows.
- Make the layout stack on mobile, with the heading above the accordion and comfortable tap targets.

Never: use logos, product names, copy, illustrations, or imagery from the reference.

More components