# Settings design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-page.application.settings)

Last updated: 2026-07-31

Explore website designs that use **Settings**.

## Captured pages

[![Billing overview - OpenAI API](https://pin.fontofweb.com/10540?format=jpg)](https://design.withfudge.com/share/pin-10540)

[Billing overview - OpenAI API](https://design.withfudge.com/share/pin-10540)

[![Billing overview - OpenAI API](https://pin.fontofweb.com/10539?format=jpg)](https://design.withfudge.com/share/pin-10539)

[Billing overview - OpenAI API](https://design.withfudge.com/share/pin-10539)

[![Billing overview - OpenAI API](https://pin.fontofweb.com/10538?format=jpg)](https://design.withfudge.com/share/pin-10538)

[Billing overview - OpenAI API](https://design.withfudge.com/share/pin-10538)

[![API keys - OpenAI API](https://pin.fontofweb.com/10537?format=jpg)](https://design.withfudge.com/share/pin-10537)

[API keys - OpenAI API](https://design.withfudge.com/share/pin-10537)

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

[Codex](https://design.withfudge.com/share/pin-10528)

[![Your SpaceXAI API Account | SpaceXAI Accounts](https://pin.fontofweb.com/10437?format=jpg)](https://design.withfudge.com/share/pin-10437)

[Your SpaceXAI API Account | SpaceXAI Accounts](https://design.withfudge.com/share/pin-10437)

[![API keys & MCP - Brevo](https://pin.fontofweb.com/10058?format=jpg)](https://design.withfudge.com/share/pin-10058)

[API keys & MCP - Brevo](https://design.withfudge.com/share/pin-10058)

[![Settings • Laylo](https://pin.fontofweb.com/10031?format=jpg)](https://design.withfudge.com/share/pin-10031)

[Settings • Laylo](https://design.withfudge.com/share/pin-10031)

[![Profile • Laylo](https://pin.fontofweb.com/10028?format=jpg)](https://design.withfudge.com/share/pin-10028)

[Profile • Laylo](https://design.withfudge.com/share/pin-10028)

[![MCP setup — Era](https://pin.fontofweb.com/9758?format=jpg)](https://design.withfudge.com/share/pin-9758)

[MCP setup — Era](https://design.withfudge.com/share/pin-9758)

[![fontofweb - Overview – Vercel](https://pin.fontofweb.com/9715?format=jpg)](https://design.withfudge.com/share/pin-9715)

[fontofweb - Overview – Vercel](https://design.withfudge.com/share/pin-9715)

[![fontofweb - Overview – Vercel](https://pin.fontofweb.com/9714?format=jpg)](https://design.withfudge.com/share/pin-9714)

[fontofweb - Overview – Vercel](https://design.withfudge.com/share/pin-9714)

## Related design patterns

- [Technology and software](/share/designs-with-industry.technology_software)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Solid background](/share/designs-with-visual.background.solid)
- [Software SaaS](/share/designs-with-offering.software_saas)
- [Accent color](/share/designs-with-color.role.accent)

## Related website guides

- [accounts.x.ai design guide](/share/accounts.x.ai-design)
- [app.brevo.com design guide](/share/app.brevo.com-design)
- [app.flora.ai design guide](/share/app.flora.ai-design)
- [caffeine.ai design guide](/share/caffeine.ai-design)
- [chatgpt.com design guide](/share/chatgpt.com-design)
- [codepen.io design guide](/share/codepen.io-design)
- [dash.cloudflare.com design guide](/share/dash.cloudflare.com-design)
- [dashboard.exa.ai design guide](/share/dashboard.exa.ai-design)
- [era.app design guide](/share/era.app-design)
- [laylo.com design guide](/share/laylo.com-design)
- [mega.nz design guide](/share/mega.nz-design)
- [moda.app design guide](/share/moda.app-design)
- [morphllm.com design guide](/share/morphllm.com-design)
- [pangram.com design guide](/share/pangram.com-design)
- [vercel.com design guide](/share/vercel.com-design)