# Accordion design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-component.disclosure.accordion)

Last updated: 2026-08-05

Explore website designs that use **Accordion**.

## Captured pages

[![Home](https://pin.fontofweb.com/10709?format=jpg)](https://design.withfudge.com/share/pin-10709)

[Home](https://design.withfudge.com/share/pin-10709)

[![Brave Search API | Brave](https://pin.fontofweb.com/10706?format=jpg)](https://design.withfudge.com/share/pin-10706)

[Brave Search API | Brave](https://design.withfudge.com/share/pin-10706)

[![Parallel](https://pin.fontofweb.com/10585?format=jpg)](https://design.withfudge.com/share/pin-10585)

[Parallel](https://design.withfudge.com/share/pin-10585)

[![Juno FAQ — How the AI chronic illness companion works](https://pin.fontofweb.com/10525?format=jpg)](https://design.withfudge.com/share/pin-10525)

[Juno FAQ — How the AI chronic illness companion works](https://design.withfudge.com/share/pin-10525)

[![About | Monastery](https://pin.fontofweb.com/10463?format=jpg)](https://design.withfudge.com/share/pin-10463)

[About | Monastery](https://design.withfudge.com/share/pin-10463)

## Related design patterns

- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Canvas color](/share/designs-with-color.role.canvas)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [FAQ section](/share/designs-with-section.support.faq)
- [Body role](/share/designs-with-typography.role.body)
- [Solid background](/share/designs-with-visual.background.solid)

## Related website guides

- [brave.com design guide](/share/brave.com-design)
- [stagehand.dev design guide](/share/stagehand.dev-design)