# Border-separated surfaces design examples [Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-visual.surface.border_separated) Last updated: 2026-08-05 Explore website designs that use **Border-separated surfaces**. ## Captured pages [![Employer Plans and Pricing | Handshake](https://pin.fontofweb.com/10714?format=jpg)](https://design.withfudge.com/share/pin-10714) [Employer Plans and Pricing | Handshake](https://design.withfudge.com/share/pin-10714) [![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) [![Gojiberry AI - Grow your sales with warm leads & high intent outreach](https://pin.fontofweb.com/10689?format=jpg)](https://design.withfudge.com/share/pin-10689) [Gojiberry AI - Grow your sales with warm leads & high intent outreach](https://design.withfudge.com/share/pin-10689) [![Gojiberry AI - Grow your sales with warm leads & high intent outreach](https://pin.fontofweb.com/10686?format=jpg)](https://design.withfudge.com/share/pin-10686) [Gojiberry AI - Grow your sales with warm leads & high intent outreach](https://design.withfudge.com/share/pin-10686) [![Firehose: Monitor the Web in Real Time for What Matters](https://pin.fontofweb.com/10671?format=jpg)](https://design.withfudge.com/share/pin-10671) [Firehose: Monitor the Web in Real Time for What Matters](https://design.withfudge.com/share/pin-10671) [![INNOCEAN AWARDS](https://pin.fontofweb.com/10650?format=jpg)](https://design.withfudge.com/share/pin-10650) [INNOCEAN AWARDS](https://design.withfudge.com/share/pin-10650) [![INNOCEAN AWARDS](https://pin.fontofweb.com/10649?format=jpg)](https://design.withfudge.com/share/pin-10649) [INNOCEAN AWARDS](https://design.withfudge.com/share/pin-10649) [![Perseus and the Caput Medusae – Product — The Public Domain Review](https://pin.fontofweb.com/10634?format=jpg)](https://design.withfudge.com/share/pin-10634) [Perseus and the Caput Medusae – Product — The Public Domain Review](https://design.withfudge.com/share/pin-10634) [![Leonid Meteor Shower over Niagara Falls – Product — The Public Domain Review](https://pin.fontofweb.com/10633?format=jpg)](https://design.withfudge.com/share/pin-10633) [Leonid Meteor Shower over Niagara Falls – Product — The Public Domain Review](https://design.withfudge.com/share/pin-10633) [![Prints — The Public Domain Review](https://pin.fontofweb.com/10631?format=jpg)](https://design.withfudge.com/share/pin-10631) [Prints — The Public Domain Review](https://design.withfudge.com/share/pin-10631) [![Technology | Wafer](https://pin.fontofweb.com/10619?format=jpg)](https://design.withfudge.com/share/pin-10619) [Technology | Wafer](https://design.withfudge.com/share/pin-10619) [![Wafer | LLMs for enterprise](https://pin.fontofweb.com/10617?format=jpg)](https://design.withfudge.com/share/pin-10617) [Wafer | LLMs for enterprise](https://design.withfudge.com/share/pin-10617) ## Related design patterns - [Primary text color](/share/designs-with-color.role.text_primary) - [Solid background](/share/designs-with-visual.background.solid) - [Secondary text color](/share/designs-with-color.role.text_secondary) - [Body role](/share/designs-with-typography.role.body) - [Moderate density](/share/designs-with-density.moderate) - [Accent color](/share/designs-with-color.role.accent) ## Related website guides - [21st.dev design guide](/share/21st.dev-design) - [aaa24.a24films.com design guide](/share/aaa24.a24films.com-design) - [accounts.x.ai design guide](/share/accounts.x.ai-design) - [ads.pinterest.com design guide](/share/ads.pinterest.com-design) - [ai-sdk.dev design guide](/share/ai-sdk.dev-design) - [airbnb.ca design guide](/share/airbnb.ca-design) - [aol.com design guide](/share/aol.com-design) - [api-dashboard.search.brave.com design guide](/share/api-dashboard.search.brave.com-design) - [app.base44.com design guide](/share/app.base44.com-design) - [app.quiver.ai design guide](/share/app.quiver.ai-design) - [arena.ai design guide](/share/arena.ai-design) - [artificialanalysis.ai design guide](/share/artificialanalysis.ai-design) - [artsandculture.google.com design guide](/share/artsandculture.google.com-design) - [audio.com design guide](/share/audio.com-design) - [aura.build design guide](/share/aura.build-design) - [awwwards.com design guide](/share/awwwards.com-design) - [base44.com design guide](/share/base44.com-design) - [behance.net design guide](/share/behance.net-design) - [besimple.ai design guide](/share/besimple.ai-design) - [bland.ai design guide](/share/bland.ai-design) - [brave.com design guide](/share/brave.com-design) - [bud.app design guide](/share/bud.app-design) - [caffeine.ai design guide](/share/caffeine.ai-design) - [campaignlive.co.uk design guide](/share/campaignlive.co.uk-design) - [capy.ai design guide](/share/capy.ai-design) - [carcard.arible.co design guide](/share/carcard.arible.co-design) - [cavalry.scenegroup.co design guide](/share/cavalry.scenegroup.co-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) - [cognee.ai design guide](/share/cognee.ai-design) - [craftwork.design design guide](/share/craftwork.design-design) - [creem.io design guide](/share/creem.io-design) - [daisyui.com design guide](/share/daisyui.com-design) - [dash.cloudflare.com design guide](/share/dash.cloudflare.com-design) - [dashboard.exa.ai design guide](/share/dashboard.exa.ai-design) - [dashboard.internetcomputer.org design guide](/share/dashboard.internetcomputer.org-design) - [deepwiki.com design guide](/share/deepwiki.com-design) - [deezer.com design guide](/share/deezer.com-design) - [designerdailyreport.com design guide](/share/designerdailyreport.com-design) - [designsystems.surf design guide](/share/designsystems.surf-design) - [designwithvibbbes.com design guide](/share/designwithvibbbes.com-design) - [developers.google.com design guide](/share/developers.google.com-design) - [digg.com design guide](/share/digg.com-design) - [e360.yale.edu design guide](/share/e360.yale.edu-design) - [epsteinexposed.com design guide](/share/epsteinexposed.com-design) - [era.app design guide](/share/era.app-design) - [exa.ai design guide](/share/exa.ai-design) - [fable.co design guide](/share/fable.co-design) - [familytype.co design guide](/share/familytype.co-design) - [fastino.ai design guide](/share/fastino.ai-design) - [fin.ai design guide](/share/fin.ai-design) - [firehose.com design guide](/share/firehose.com-design) - [fireworks.ai design guide](/share/fireworks.ai-design) - [fiverr.com design guide](/share/fiverr.com-design) - [fonttrio.xyz design guide](/share/fonttrio.xyz-design) - [framer.com design guide](/share/framer.com-design) - [fushly.com design guide](/share/fushly.com-design) - [getdesign.md design guide](/share/getdesign.md-design) - [getkleio.com design guide](/share/getkleio.com-design) - [getmesa.dev design guide](/share/getmesa.dev-design) - [getomni.ai design guide](/share/getomni.ai-design) - [getviktor.com design guide](/share/getviktor.com-design) - [godaddy.com design guide](/share/godaddy.com-design) - [gojiberry.ai design guide](/share/gojiberry.ai-design) - [grok.com design guide](/share/grok.com-design) - [ground.news design guide](/share/ground.news-design) - [hermesatlas.com design guide](/share/hermesatlas.com-design) - [heroui.pro design guide](/share/heroui.pro-design) - [hypen.space design guide](/share/hypen.space-design) - [ibm.com design guide](/share/ibm.com-design) - [icpay.org design guide](/share/icpay.org-design) - [impeccable.style design guide](/share/impeccable.style-design) - [inceptionlabs.ai design guide](/share/inceptionlabs.ai-design) - [inngest.com design guide](/share/inngest.com-design) - [insforge.dev design guide](/share/insforge.dev-design) - [instantdb.com design guide](/share/instantdb.com-design) - [invideo.io design guide](/share/invideo.io-design) - [joinhandshake.com design guide](/share/joinhandshake.com-design) - [jsfiddle.net design guide](/share/jsfiddle.net-design) - [juno.build design guide](/share/juno.build-design) - [kagi.com design guide](/share/kagi.com-design) - [kapa.ai design guide](/share/kapa.ai-design) - [kilo.ai design guide](/share/kilo.ai-design) - [kiwijo.com design guide](/share/kiwijo.com-design) - [kobbe.io design guide](/share/kobbe.io-design) - [krea.ai design guide](/share/krea.ai-design) - [land-book.com design guide](/share/land-book.com-design) - [laylo.com design guide](/share/laylo.com-design) - [linear.app design guide](/share/linear.app-design) - [lineto.com design guide](/share/lineto.com-design) - [linktr.ee design guide](/share/linktr.ee-design) - [logsnag.com design guide](/share/logsnag.com-design) - [lovart.ai design guide](/share/lovart.ai-design) - [mercury.com design guide](/share/mercury.com-design) - [micro.so design guide](/share/micro.so-design) - [midjourney.com design guide](/share/midjourney.com-design) - [mobbin.com design guide](/share/mobbin.com-design) - [moda.app design guide](/share/moda.app-design) - [modal.com design guide](/share/modal.com-design) - [mojolang.org design guide](/share/mojolang.org-design) - [mux.com design guide](/share/mux.com-design) - [my.10web.io design guide](/share/my.10web.io-design) - [natoma.run design guide](/share/natoma.run-design) - [neubrutalism.com design guide](/share/neubrutalism.com-design) - [neuform.ai design guide](/share/neuform.ai-design) - [new.email design guide](/share/new.email-design) - [nicelydone.club design guide](/share/nicelydone.club-design) - [notion.com design guide](/share/notion.com-design) - [nova.lightmode.io design guide](/share/nova.lightmode.io-design) - [ollama.com design guide](/share/ollama.com-design) - [opencollective.com design guide](/share/opencollective.com-design) - [openknowledge.ai design guide](/share/openknowledge.ai-design) - [openwebui.com design guide](/share/openwebui.com-design) - [pangram.com design guide](/share/pangram.com-design) - [paper.design design guide](/share/paper.design-design) - [pay.google.com design guide](/share/pay.google.com-design) - [pingo.ai design guide](/share/pingo.ai-design) - [platform.minimax.io design guide](/share/platform.minimax.io-design) - [plexui.com design guide](/share/plexui.com-design) - [plutio.com design guide](/share/plutio.com-design) - [polsia.com design guide](/share/polsia.com-design) - [postiz.com design guide](/share/postiz.com-design) - [postnext.io design guide](/share/postnext.io-design) - [primeintellect.ai design guide](/share/primeintellect.ai-design) - [producthunt.com design guide](/share/producthunt.com-design) - [qoves.com design guide](/share/qoves.com-design) - [radix-ui.com design guide](/share/radix-ui.com-design) - [rediff.com design guide](/share/rediff.com-design) - [redreach.ai design guide](/share/redreach.ai-design) - [replit.com design guide](/share/replit.com-design) - [saaspo.com design guide](/share/saaspo.com-design) - [savee.com design guide](/share/savee.com-design) - [screensmooth.com design guide](/share/screensmooth.com-design) - [scribd.com design guide](/share/scribd.com-design) - [selected.site design guide](/share/selected.site-design) - [shop.ledger.com design guide](/share/shop.ledger.com-design) - [spectrum.ieee.org design guide](/share/spectrum.ieee.org-design) - [spellsurf.com design guide](/share/spellsurf.com-design) - [staples.com design guide](/share/staples.com-design) - [stripe.com design guide](/share/stripe.com-design) - [styles.refero.design design guide](/share/styles.refero.design-design) - [supabase.com design guide](/share/supabase.com-design) - [supernova.io design guide](/share/supernova.io-design) - [supply.family design guide](/share/supply.family-design) - [tambo.co design guide](/share/tambo.co-design) - [thehog.ai design guide](/share/thehog.ai-design) - [theverge.com design guide](/share/theverge.com-design) - [threads.com design guide](/share/threads.com-design) - [together.ai design guide](/share/together.ai-design) - [tradingview.com design guide](/share/tradingview.com-design) - [tronscan.org design guide](/share/tronscan.org-design) - [trustpilot.com design guide](/share/trustpilot.com-design) - [tweakcn.com design guide](/share/tweakcn.com-design) - [type.lol design guide](/share/type.lol-design) - [uneed.best design guide](/share/uneed.best-design) - [v0.app design guide](/share/v0.app-design) - [vercel.com design guide](/share/vercel.com-design) - [vogue.maitch.ai design guide](/share/vogue.maitch.ai-design) - [voiceos.com design guide](/share/voiceos.com-design) - [warp.dev design guide](/share/warp.dev-design) - [webflow.com design guide](/share/webflow.com-design) - [wip.co design guide](/share/wip.co-design) - [wise.com design guide](/share/wise.com-design) - [wisprflow.ai design guide](/share/wisprflow.ai-design) - [wolfram.com design guide](/share/wolfram.com-design) - [workers.cloudflare.com design guide](/share/workers.cloudflare.com-design) - [workspaces.xyz design guide](/share/workspaces.xyz-design) - [writewithspiral.com design guide](/share/writewithspiral.com-design) - [aihero.dev design guide](/share/aihero.dev-design) - [diabrowser.com design guide](/share/diabrowser.com-design) - [innocean.com design guide](/share/innocean.com-design) - [x.ai design guide](/share/x.ai-design) - [x.com design guide](/share/x.com-design) - [ycombinator.com design guide](/share/ycombinator.com-design) - [ziggle.art design guide](/share/ziggle.art-design)