# Modal design examples

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

Last updated: 2026-09-14

Explore website designs that use **Modal**.

## Captured pages

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

[Standards - Projects](https://design.withfudge.com/share/pin-12049)

[![Nike Vomero 18 Men's Road Running Shoes. Nike ZA](https://pin.fontofweb.com/11907?format=jpg)](https://design.withfudge.com/share/pin-11907)

[Nike Vomero 18 Men's Road Running Shoes. Nike ZA](https://design.withfudge.com/share/pin-11907)

[![My calendar — Tweek](https://pin.fontofweb.com/11842?format=jpg)](https://design.withfudge.com/share/pin-11842)

[My calendar — Tweek](https://design.withfudge.com/share/pin-11842)

[![unfair.so — 100+ creators. 0% fee. First post today.](https://pin.fontofweb.com/11780?format=jpg)](https://design.withfudge.com/share/pin-11780)

[unfair.so — 100+ creators. 0% fee. First post today.](https://design.withfudge.com/share/pin-11780)

[![Replay vision • PostHog](https://pin.fontofweb.com/11642?format=jpg)](https://design.withfudge.com/share/pin-11642)

[Replay vision • PostHog](https://design.withfudge.com/share/pin-11642)

[![404 Not Found – Areaware Retail](https://pin.fontofweb.com/11567?format=jpg)](https://design.withfudge.com/share/pin-11567)

[404 Not Found – Areaware Retail](https://design.withfudge.com/share/pin-11567)

[![Rakuten: Shop. Get Cash Back. Repeat.](https://pin.fontofweb.com/11509?format=jpg)](https://design.withfudge.com/share/pin-11509)

[Rakuten: Shop. Get Cash Back. Repeat.](https://design.withfudge.com/share/pin-11509)

[![fudge.design | fudge.design | xxx@xxx.com's Account | Cloudflare](https://pin.fontofweb.com/11484?format=jpg)](https://design.withfudge.com/share/pin-11484)

[fudge.design | fudge.design | xxx@xxx.com's Account | Cloudflare](https://design.withfudge.com/share/pin-11484)

[![Sogni Create | High-Performance Creative AI](https://pin.fontofweb.com/11371?format=jpg)](https://design.withfudge.com/share/pin-11371)

[Sogni Create | High-Performance Creative AI](https://design.withfudge.com/share/pin-11371)

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

[Revenue: Kobbe](https://design.withfudge.com/share/pin-11336)

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

[Kobbe Analytics](https://design.withfudge.com/share/pin-11327)

[![AutoGTM by Explee — 24/7 AI-agent, that finds clients while you sleep](https://pin.fontofweb.com/11108?format=jpg)](https://design.withfudge.com/share/pin-11108)

[AutoGTM by Explee — 24/7 AI-agent, that finds clients while you sleep](https://design.withfudge.com/share/pin-11108)

## Related design patterns

- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Sans serif](/share/designs-with-typography.generic.sans_serif)
- [Solid background](/share/designs-with-visual.background.solid)
- [Accent color](/share/designs-with-color.role.accent)
- [Primary surface color](/share/designs-with-color.role.surface)

## Related website guides

- [app.standards.site design guide](/share/app.standards.site-design)
- [claude.ai design guide](/share/claude.ai-design)
- [dash.cloudflare.com design guide](/share/dash.cloudflare.com-design)
- [kobbe.io design guide](/share/kobbe.io-design)
- [tweek.so design guide](/share/tweek.so-design)
- [fairphone.com design guide](/share/fairphone.com-design)