# Layered surfaces design examples [Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-visual.surface.layered) Last updated: 2026-08-04 Explore website designs that use **Layered surfaces**. ## Captured pages [![Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://pin.fontofweb.com/10703?format=jpg)](https://design.withfudge.com/share/pin-10703) [Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://design.withfudge.com/share/pin-10703) [![Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://pin.fontofweb.com/10702?format=jpg)](https://design.withfudge.com/share/pin-10702) [Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://design.withfudge.com/share/pin-10702) [![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) [![Platform Home Page - OpenAI API](https://pin.fontofweb.com/10535?format=jpg)](https://design.withfudge.com/share/pin-10535) [Platform Home Page - OpenAI API](https://design.withfudge.com/share/pin-10535) [![Codex](https://pin.fontofweb.com/10527?format=jpg)](https://design.withfudge.com/share/pin-10527) [Codex](https://design.withfudge.com/share/pin-10527) [![Prior authorization and appeals, end to end | Insurf](https://pin.fontofweb.com/10526?format=jpg)](https://design.withfudge.com/share/pin-10526) [Prior authorization and appeals, end to end | Insurf](https://design.withfudge.com/share/pin-10526) [![Campus — the infinite canvas for your tools](https://pin.fontofweb.com/10436?format=jpg)](https://design.withfudge.com/share/pin-10436) [Campus — the infinite canvas for your tools](https://design.withfudge.com/share/pin-10436) [![Find, sync, and test fonts | Typographer](https://pin.fontofweb.com/10421?format=jpg)](https://design.withfudge.com/share/pin-10421) [Find, sync, and test fonts | Typographer](https://design.withfudge.com/share/pin-10421) [![Website to Tailwind — Export Any Section as Clean HTML & Tailwind CSS | MiroMiro](https://pin.fontofweb.com/10190?format=jpg)](https://design.withfudge.com/share/pin-10190) [Website to Tailwind — Export Any Section as Clean HTML & Tailwind CSS | MiroMiro](https://design.withfudge.com/share/pin-10190) [![Framer: AI website builder for professional sites](https://pin.fontofweb.com/10162?format=jpg)](https://design.withfudge.com/share/pin-10162) [Framer: AI website builder for professional sites](https://design.withfudge.com/share/pin-10162) [![Framer: AI website builder for professional sites](https://pin.fontofweb.com/10161?format=jpg)](https://design.withfudge.com/share/pin-10161) [Framer: AI website builder for professional sites](https://design.withfudge.com/share/pin-10161) [![Framer: AI website builder for professional sites](https://pin.fontofweb.com/10158?format=jpg)](https://design.withfudge.com/share/pin-10158) [Framer: AI website builder for professional sites](https://design.withfudge.com/share/pin-10158) ## Related design patterns - [Software SaaS](/share/designs-with-offering.software_saas) - [Primary text color](/share/designs-with-color.role.text_primary) - [Technology and software](/share/designs-with-industry.technology_software) - [Secondary text color](/share/designs-with-color.role.text_secondary) - [Moderate density](/share/designs-with-density.moderate) - [Body role](/share/designs-with-typography.role.body) ## Related website guides - [21st.dev design guide](/share/21st.dev-design) - [ahrefs.com design guide](/share/ahrefs.com-design) - [api-dashboard.search.brave.com design guide](/share/api-dashboard.search.brave.com-design) - [app.flora.ai design guide](/share/app.flora.ai-design) - [app.useorigin.com design guide](/share/app.useorigin.com-design) - [arena.ai design guide](/share/arena.ai-design) - [aura.build design guide](/share/aura.build-design) - [capacity.so design guide](/share/capacity.so-design) - [chatgpt.com design guide](/share/chatgpt.com-design) - [claude.ai design guide](/share/claude.ai-design) - [codepen.io design guide](/share/codepen.io-design) - [console.groq.com design guide](/share/console.groq.com-design) - [daisyui.com design guide](/share/daisyui.com-design) - [dashboard.internetcomputer.org design guide](/share/dashboard.internetcomputer.org-design) - [designwithvibbbes.com design guide](/share/designwithvibbbes.com-design) - [era.app design guide](/share/era.app-design) - [firstpromoter.com design guide](/share/firstpromoter.com-design) - [framer.com design guide](/share/framer.com-design) - [gemini.google.com design guide](/share/gemini.google.com-design) - [giga.ai design guide](/share/giga.ai-design) - [godaddy.com design guide](/share/godaddy.com-design) - [grok.com design guide](/share/grok.com-design) - [jan.ai design guide](/share/jan.ai-design) - [krea.ai design guide](/share/krea.ai-design) - [laylo.com design guide](/share/laylo.com-design) - [micro.so design guide](/share/micro.so-design) - [moda.app design guide](/share/moda.app-design) - [morphllm.com design guide](/share/morphllm.com-design) - [neuform.ai design guide](/share/neuform.ai-design) - [omma.build design guide](/share/omma.build-design) - [opper.ai design guide](/share/opper.ai-design) - [pangram.com design guide](/share/pangram.com-design) - [plutio.com design guide](/share/plutio.com-design) - [radix-ui.com design guide](/share/radix-ui.com-design) - [redis.io design guide](/share/redis.io-design) - [refero.design design guide](/share/refero.design-design) - [skill-shrek.vercel.app design guide](/share/skill-shrek.vercel.app-design) - [snorkel.ai design guide](/share/snorkel.ai-design) - [storybook.js.org design guide](/share/storybook.js.org-design) - [stripe.com design guide](/share/stripe.com-design) - [tella.com design guide](/share/tella.com-design) - [tenor.design design guide](/share/tenor.design-design) - [typographer.com design guide](/share/typographer.com-design) - [umbrel.com design guide](/share/umbrel.com-design) - [warbl.tw design guide](/share/warbl.tw-design) - [windscribe.com design guide](/share/windscribe.com-design) - [windsurf.com design guide](/share/windsurf.com-design) - [wise.com design guide](/share/wise.com-design) - [x.ai design guide](/share/x.ai-design) - [x.com design guide](/share/x.com-design) - [zcode.z.ai design guide](/share/zcode.z.ai-design)