# Search input design examples

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

Last updated: 2026-08-05

Explore website designs that use **Search input**.

## Captured pages

[![Handshake for all job seekers | Start or restart your career | Handshake](https://pin.fontofweb.com/10716?format=jpg)](https://design.withfudge.com/share/pin-10716)

[Handshake for all job seekers | Start or restart your career | Handshake](https://design.withfudge.com/share/pin-10716)

[![Handshake: the career network for the AI economy](https://pin.fontofweb.com/10713?format=jpg)](https://design.withfudge.com/share/pin-10713)

[Handshake: the career network for the AI economy](https://design.withfudge.com/share/pin-10713)

[![Handshake: the career network for the AI economy](https://pin.fontofweb.com/10711?format=jpg)](https://design.withfudge.com/share/pin-10711)

[Handshake: the career network for the AI economy](https://design.withfudge.com/share/pin-10711)

[![Firehose: Monitor the Web in Real Time for What Matters](https://pin.fontofweb.com/10673?format=jpg)](https://design.withfudge.com/share/pin-10673)

[Firehose: Monitor the Web in Real Time for What Matters](https://design.withfudge.com/share/pin-10673)

[![Become a Real AI Hero](https://pin.fontofweb.com/10601?format=jpg)](https://design.withfudge.com/share/pin-10601)

[Become a Real AI Hero](https://design.withfudge.com/share/pin-10601)

[![Become a Real AI Hero](https://pin.fontofweb.com/10599?format=jpg)](https://design.withfudge.com/share/pin-10599)

[Become a Real AI Hero](https://design.withfudge.com/share/pin-10599)

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

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

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

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

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

[Careers - AfterQuery](https://design.withfudge.com/share/pin-10562)

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

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

[![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/10538?format=jpg)](https://design.withfudge.com/share/pin-10538)

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

## Related design patterns

- [Canvas color](/share/designs-with-color.role.canvas)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Accent color](/share/designs-with-color.role.accent)
- [Sans serif](/share/designs-with-typography.generic.sans_serif)
- [Muted chroma](/share/designs-with-color.chroma.muted)

## Related website guides

- [firehose.com design guide](/share/firehose.com-design)
- [joinhandshake.com design guide](/share/joinhandshake.com-design)
- [afterquery.com design guide](/share/afterquery.com-design)
- [aihero.dev design guide](/share/aihero.dev-design)