# Flat surfaces design examples [Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-visual.surface.flat) Last updated: 2026-08-06 Explore website designs that use **Flat surfaces**. ## Captured pages [![Sprout Creator Edition | Humanoid Developer Platform | Fauna](https://pin.fontofweb.com/10744?format=jpg)](https://design.withfudge.com/share/pin-10744) [Sprout Creator Edition | Humanoid Developer Platform | Fauna](https://design.withfudge.com/share/pin-10744) [![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10742?format=jpg)](https://design.withfudge.com/share/pin-10742) [Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10742) [![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10741?format=jpg)](https://design.withfudge.com/share/pin-10741) [Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10741) [![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10740?format=jpg)](https://design.withfudge.com/share/pin-10740) [Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10740) [![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10739?format=jpg)](https://design.withfudge.com/share/pin-10739) [Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10739) [![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10738?format=jpg)](https://design.withfudge.com/share/pin-10738) [Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10738) [![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10737?format=jpg)](https://design.withfudge.com/share/pin-10737) [Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10737) [![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10736?format=jpg)](https://design.withfudge.com/share/pin-10736) [Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10736) [![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10734?format=jpg)](https://design.withfudge.com/share/pin-10734) [Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10734) [![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10732?format=jpg)](https://design.withfudge.com/share/pin-10732) [Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10732) [![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10731?format=jpg)](https://design.withfudge.com/share/pin-10731) [Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10731) [![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10730?format=jpg)](https://design.withfudge.com/share/pin-10730) [Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10730) ## Related design patterns - [Primary text color](/share/designs-with-color.role.text_primary) - [Solid background](/share/designs-with-visual.background.solid) - [Body role](/share/designs-with-typography.role.body) - [Secondary text color](/share/designs-with-color.role.text_secondary) - [Moderate density](/share/designs-with-density.moderate) - [Accent color](/share/designs-with-color.role.accent) ## Related website guides - [10er.com design guide](/share/10er.com-design) - [aaa24.a24films.com design guide](/share/aaa24.a24films.com-design) - [abcdinamo.com design guide](/share/abcdinamo.com-design) - [accounts.theatlantic.com design guide](/share/accounts.theatlantic.com-design) - [acoup.blog design guide](/share/acoup.blog-design) - [aeon.co design guide](/share/aeon.co-design) - [agentation.dev design guide](/share/agentation.dev-design) - [ahrefs.com design guide](/share/ahrefs.com-design) - [ai-sdk.dev design guide](/share/ai-sdk.dev-design) - [airbnb.ca design guide](/share/airbnb.ca-design) - [aiverse.design design guide](/share/aiverse.design-design) - [algebrica.org design guide](/share/algebrica.org-design) - [allbirds.com design guide](/share/allbirds.com-design) - [alpine.inc design guide](/share/alpine.inc-design) - [ampcode.com design guide](/share/ampcode.com-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.brevo.com design guide](/share/app.brevo.com-design) - [app.flora.ai design guide](/share/app.flora.ai-design) - [apple.com design guide](/share/apple.com-design) - [artera.ae design guide](/share/artera.ae-design) - [artificialanalysis.ai design guide](/share/artificialanalysis.ai-design) - [artsandculture.google.com design guide](/share/artsandculture.google.com-design) - [ashmolean.org design guide](/share/ashmolean.org-design) - [autogram.id design guide](/share/autogram.id-design) - [behance.net design guide](/share/behance.net-design) - [binary.so design guide](/share/binary.so-design) - [bland.ai design guide](/share/bland.ai-design) - [braintrust.dev design guide](/share/braintrust.dev-design) - [brave.com design guide](/share/brave.com-design) - [brookings.edu design guide](/share/brookings.edu-design) - [c82.net design guide](/share/c82.net-design) - [caffeine.ai design guide](/share/caffeine.ai-design) - [cal.com design guide](/share/cal.com-design) - [canadaspends.com design guide](/share/canadaspends.com-design) - [cap.so design guide](/share/cap.so-design) - [catala-lang.org design guide](/share/catala-lang.org-design) - [cavalry.scenegroup.co design guide](/share/cavalry.scenegroup.co-design) - [cavalry.studio design guide](/share/cavalry.studio-design) - [chatgpt.com design guide](/share/chatgpt.com-design) - [claude.ai design guide](/share/claude.ai-design) - [claude.com design guide](/share/claude.com-design) - [claura.framer.ai design guide](/share/claura.framer.ai-design) - [cmux.com design guide](/share/cmux.com-design) - [coda.co design guide](/share/coda.co-design) - [codepen.io design guide](/share/codepen.io-design) - [cofounder.co design guide](/share/cofounder.co-design) - [cognee.ai design guide](/share/cognee.ai-design) - [cohere.com design guide](/share/cohere.com-design) - [console.groq.com design guide](/share/console.groq.com-design) - [consumer.huawei.com design guide](/share/consumer.huawei.com-design) - [continue.dev design guide](/share/continue.dev-design) - [coolors.co design guide](/share/coolors.co-design) - [cora.computer design guide](/share/cora.computer-design) - [creem.io design guide](/share/creem.io-design) - [crowdreply.io design guide](/share/crowdreply.io-design) - [curator.io design guide](/share/curator.io-design) - [cursor.com design guide](/share/cursor.com-design) - [cypherpunkbooks.com design guide](/share/cypherpunkbooks.com-design) - [daisyui.com design guide](/share/daisyui.com-design) - [dashboard.exa.ai design guide](/share/dashboard.exa.ai-design) - [davidprotein.com design guide](/share/davidprotein.com-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) - [designwithvibbbes.com design guide](/share/designwithvibbbes.com-design) - [digg.com design guide](/share/digg.com-design) - [dlang.org design guide](/share/dlang.org-design) - [dosu.dev design guide](/share/dosu.dev-design) - [dotprolabs.com design guide](/share/dotprolabs.com-design) - [drinkag1.com design guide](/share/drinkag1.com-design) - [dub.co design guide](/share/dub.co-design) - [e360.yale.edu design guide](/share/e360.yale.edu-design) - [elevenlabs.io design guide](/share/elevenlabs.io-design) - [endl.io design guide](/share/endl.io-design) - [ente.com design guide](/share/ente.com-design) - [epsteinexposed.com design guide](/share/epsteinexposed.com-design) - [era.app design guide](/share/era.app-design) - [every.to design guide](/share/every.to-design) - [everyday-practice.com design guide](/share/everyday-practice.com-design) - [evilmartians.com design guide](/share/evilmartians.com-design) - [exa.ai design guide](/share/exa.ai-design) - [familytype.co design guide](/share/familytype.co-design) - [fastino.ai design guide](/share/fastino.ai-design) - [faunarobotics.com design guide](/share/faunarobotics.com-design) - [figma.com design guide](/share/figma.com-design) - [fin.ai design guide](/share/fin.ai-design) - [firehose.com design guide](/share/firehose.com-design) - [flickr.com design guide](/share/flickr.com-design) - [fontofweb.com design guide](/share/fontofweb.com-design) - [fonttrio.xyz design guide](/share/fonttrio.xyz-design) - [foundation.app design guide](/share/foundation.app-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) - [getomni.ai design guide](/share/getomni.ai-design) - [git.law design guide](/share/git.law-design) - [gojiberry.ai design guide](/share/gojiberry.ai-design) - [google.com design guide](/share/google.com-design) - [grok.com design guide](/share/grok.com-design) - [grokipedia.com design guide](/share/grokipedia.com-design) - [groq.com design guide](/share/groq.com-design) - [gutgutgoose.com design guide](/share/gutgutgoose.com-design) - [halfbuilt.com.au design guide](/share/halfbuilt.com.au-design) - [harvey.ai design guide](/share/harvey.ai-design) - [hatroid.com design guide](/share/hatroid.com-design) - [hauntii.com design guide](/share/hauntii.com-design) - [helium.computer design guide](/share/helium.computer-design) - [hermesatlas.com design guide](/share/hermesatlas.com-design) - [humalike.ai design guide](/share/humalike.ai-design) - [hypen.space design guide](/share/hypen.space-design) - [ibm.com design guide](/share/ibm.com-design) - [impeccable.style design guide](/share/impeccable.style-design) - [inngest.com design guide](/share/inngest.com-design) - [instantdb.com design guide](/share/instantdb.com-design) - [intercom.com design guide](/share/intercom.com-design) - [jamm.co design guide](/share/jamm.co-design) - [joinhandshake.com design guide](/share/joinhandshake.com-design) - [kagi.com design guide](/share/kagi.com-design) - [kapwing.com design guide](/share/kapwing.com-design) - [kimi.com design guide](/share/kimi.com-design) - [kobbe.io design guide](/share/kobbe.io-design) - [kode.diy design guide](/share/kode.diy-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) - [lead.bank design guide](/share/lead.bank-design) - [lexingtonthemes.com design guide](/share/lexingtonthemes.com-design) - [linear.app design guide](/share/linear.app-design) - [lineto.com design guide](/share/lineto.com-design) - [lit.dev design guide](/share/lit.dev-design) - [llmrefs.com design guide](/share/llmrefs.com-design) - [lloydsbank.com design guide](/share/lloydsbank.com-design) - [lofree.co design guide](/share/lofree.co-design) - [logsnag.com design guide](/share/logsnag.com-design) - [lovart.ai design guide](/share/lovart.ai-design) - [macaron.im design guide](/share/macaron.im-design) - [mega.nz design guide](/share/mega.nz-design) - [meodai.github.io design guide](/share/meodai.github.io-design) - [merge.io design guide](/share/merge.io-design) - [metr.org design guide](/share/metr.org-design) - [midjourney.com design guide](/share/midjourney.com-design) - [minimax.io design guide](/share/minimax.io-design) - [mixfont.com design guide](/share/mixfont.com-design) - [moda.app design guide](/share/moda.app-design) - [modedesigns.com design guide](/share/modedesigns.com-design) - [moonpay.com design guide](/share/moonpay.com-design) - [morphllm.com design guide](/share/morphllm.com-design) - [motherduck.com design guide](/share/motherduck.com-design) - [mux.com design guide](/share/mux.com-design) - [mymind.com design guide](/share/mymind.com-design) - [neuform.ai design guide](/share/neuform.ai-design) - [nga.gov design guide](/share/nga.gov-design) - [nicelydone.club design guide](/share/nicelydone.club-design) - [northendboutique.com design guide](/share/northendboutique.com-design) - [notion.com design guide](/share/notion.com-design) - [notion.so design guide](/share/notion.so-design) - [ntathome.com design guide](/share/ntathome.com-design) - [oasishealth.app design guide](/share/oasishealth.app-design) - [odylicmedia.com design guide](/share/odylicmedia.com-design) - [offscript.sh design guide](/share/offscript.sh-design) - [ollama.com design guide](/share/ollama.com-design) - [om.co design guide](/share/om.co-design) - [omma.build design guide](/share/omma.build-design) - [onmy.land design guide](/share/onmy.land-design) - [openai.com design guide](/share/openai.com-design) - [opencollective.com design guide](/share/opencollective.com-design) - [openknowledge.ai design guide](/share/openknowledge.ai-design) - [opensource.googleblog.com design guide](/share/opensource.googleblog.com-design) - [openwebui.com design guide](/share/openwebui.com-design) - [opper.ai design guide](/share/opper.ai-design) - [ordinarypeople.info design guide](/share/ordinarypeople.info-design) - [pageloop.ai design guide](/share/pageloop.ai-design) - [palantir.com design guide](/share/palantir.com-design) - [pangram.com design guide](/share/pangram.com-design) - [pangrampangram.com design guide](/share/pangrampangram.com-design) - [paper.design design guide](/share/paper.design-design) - [paths.grasp.study design guide](/share/paths.grasp.study-design) - [pay.google.com design guide](/share/pay.google.com-design) - [pebblebed.com design guide](/share/pebblebed.com-design) - [phia.app design guide](/share/phia.app-design) - [photon.codes design guide](/share/photon.codes-design) - [phrasing.app design guide](/share/phrasing.app-design) - [pingo.ai design guide](/share/pingo.ai-design) - [plexui.com design guide](/share/plexui.com-design) - [plus.excalidraw.com design guide](/share/plus.excalidraw.com-design) - [pocketui.app design guide](/share/pocketui.app-design) - [polsia.com design guide](/share/polsia.com-design) - [polymarket.com design guide](/share/polymarket.com-design) - [porkbun.com design guide](/share/porkbun.com-design) - [postfa.st design guide](/share/postfa.st-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) - [prompts.voao.co design guide](/share/prompts.voao.co-design) - [qoves.com design guide](/share/qoves.com-design) - [ramen.haus design guide](/share/ramen.haus-design) - [range.com design guide](/share/range.com-design) - [redreach.ai design guide](/share/redreach.ai-design) - [refero.design design guide](/share/refero.design-design) - [replit.com design guide](/share/replit.com-design) - [republic.com design guide](/share/republic.com-design) - [rerun.io design guide](/share/rerun.io-design) - [research.google design guide](/share/research.google-design) - [revolut.com design guide](/share/revolut.com-design) - [rive.app design guide](/share/rive.app-design) - [rt.com design guide](/share/rt.com-design) - [samspratt.com design guide](/share/samspratt.com-design) - [savee.com design guide](/share/savee.com-design) - [scenery.io design guide](/share/scenery.io-design) - [scribd.com design guide](/share/scribd.com-design) - [seesaw.website design guide](/share/seesaw.website-design) - [shop.ledger.com design guide](/share/shop.ledger.com-design) - [skill-shrek.vercel.app design guide](/share/skill-shrek.vercel.app-design) - [slideshare.net design guide](/share/slideshare.net-design) - [snorkel.ai design guide](/share/snorkel.ai-design) - [sohnne.com design guide](/share/sohnne.com-design) - [spectrum.ieee.org design guide](/share/spectrum.ieee.org-design) - [stacks.co design guide](/share/stacks.co-design) - [stock.adobe.com design guide](/share/stock.adobe.com-design) - [stripe.com design guide](/share/stripe.com-design) - [subframe.com design guide](/share/subframe.com-design) - [subq.ai design guide](/share/subq.ai-design) - [surrealdb.com design guide](/share/surrealdb.com-design) - [symbl.space design guide](/share/symbl.space-design) - [taito.ai design guide](/share/taito.ai-design) - [theguardian.com design guide](/share/theguardian.com-design) - [thinkingmachines.ai design guide](/share/thinkingmachines.ai-design) - [thinkwithmark.com design guide](/share/thinkwithmark.com-design) - [together.ai design guide](/share/together.ai-design) - [trustpilot.com design guide](/share/trustpilot.com-design) - [trymeasured.com design guide](/share/trymeasured.com-design) - [type.lol design guide](/share/type.lol-design) - [typographer.com design guide](/share/typographer.com-design) - [urbit.org design guide](/share/urbit.org-design) - [uselogly.app design guide](/share/uselogly.app-design) - [v0.app design guide](/share/v0.app-design) - [vendors.paddle.com design guide](/share/vendors.paddle.com-design) - [vercel.com design guide](/share/vercel.com-design) - [vimeo.com design guide](/share/vimeo.com-design) - [vitest.dev design guide](/share/vitest.dev-design) - [vogue.maitch.ai design guide](/share/vogue.maitch.ai-design) - [void.cloud design guide](/share/void.cloud-design) - [warbl.tw design guide](/share/warbl.tw-design) - [whop.com design guide](/share/whop.com-design) - [wolfram.com design guide](/share/wolfram.com-design) - [workbench.suna.design design guide](/share/workbench.suna.design-design) - [workers.cloudflare.com design guide](/share/workers.cloudflare.com-design) - [workspace.google.com design guide](/share/workspace.google.com-design) - [workspaces.xyz design guide](/share/workspaces.xyz-design) - [writewithspiral.com design guide](/share/writewithspiral.com-design) - [afterquery.com design guide](/share/afterquery.com-design) - [aihero.dev design guide](/share/aihero.dev-design) - [avocasystems.com design guide](/share/avocasystems.com-design) - [cloudflare.com design guide](/share/cloudflare.com-design) - [diabrowser.com design guide](/share/diabrowser.com-design) - [fairphone.com design guide](/share/fairphone.com-design) - [ginkgo.bio design guide](/share/ginkgo.bio-design) - [innocean.com design guide](/share/innocean.com-design) - [nytimes.com design guide](/share/nytimes.com-design) - [pinterest.com design guide](/share/pinterest.com-design) - [stagehand.dev design guide](/share/stagehand.dev-design) - [x.ai design guide](/share/x.ai-design) - [youworkforthem.com design guide](/share/youworkforthem.com-design) - [zed.dev design guide](/share/zed.dev-design) - [ziggle.art design guide](/share/ziggle.art-design)