AI Design Library

Browse visually. Reference by ID. You do not need the fancy name for a layout if you can point at the one you want.

What is a component ID?

A permanent reference such as BTN-014.

Do I need design vocabulary?

No. Browse visually and reference the ID.

Can I swap components later?

Yes. Keep the rest and replace one ID.

FAQ-001

Accordion FAQ

Details/summary accordion FAQ list.

faq simple accordion faq
Open
FAQ-002

Warm FAQ Panel

Medium warm FAQ accordion.

faq simple warm faq
Open
  1. Step 1
  2. Step 2
  3. Step 3

Supporting copy goes here.

FAQ-003

Technical FAQ List

Technical FAQ styling for docs.

faq simple technical docs
Open
ProductA
CompanyB

Supporting copy goes here.

FAQ-004

Soft Spacious FAQ

Softer FAQ with more breathing room.

faq simple soft spacious
Open
Details List

Supporting copy for this pattern.

More

Extra

FAQ-005

Details List

Distinct faq pattern with unique structure for AI reference.

faq moderate faq pattern-0
Open
Button Accordion

Supporting copy for this pattern.

FAQ-006

Button Accordion

Distinct faq pattern with unique structure for AI reference.

faq simple faq pattern-1
Open

Flat Items

FAQ-007

Flat Items

Distinct faq pattern with unique structure for AI reference.

faq simple faq pattern-2
Open

Two Column

Supporting copy for this pattern.

FAQ-008

Two Column

Distinct faq pattern with unique structure for AI reference.

faq moderate faq pattern-3
Open
FAQ-009

Search FAQ

Distinct faq pattern with unique structure for AI reference.

faq simple faq pattern-4
Open
  • Numbered FAQ
  • Supporting copy for this pattern.
  • Continue
FAQ-010

Numbered FAQ

Distinct faq pattern with unique structure for AI reference.

faq simple faq pattern-5
Open
FAQ-011

Indexed Details

Distinct faq pattern with unique structure for AI reference.

faq moderate faq pattern-6
Open
FAQ Cards

Supporting copy for this pattern.

FAQ-012

FAQ Cards

Distinct faq pattern with unique structure for AI reference.

faq simple faq pattern-7
Open