# Populated state design examples [Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-interaction.data_state.populated) Last updated: 2026-08-05 Explore website designs that use **Populated state**. ## Captured pages [![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/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) [![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10729?format=jpg)](https://design.withfudge.com/share/pin-10729) [Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10729) [![Fairphone | Official Website](https://pin.fontofweb.com/10721?format=jpg)](https://design.withfudge.com/share/pin-10721) [Fairphone | Official Website](https://design.withfudge.com/share/pin-10721) [![Fairphone | Official Website](https://pin.fontofweb.com/10720?format=jpg)](https://design.withfudge.com/share/pin-10720) [Fairphone | Official Website](https://design.withfudge.com/share/pin-10720) [![Fairphone | Official Website](https://pin.fontofweb.com/10719?format=jpg)](https://design.withfudge.com/share/pin-10719) [Fairphone | Official Website](https://design.withfudge.com/share/pin-10719) [![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/10705?format=jpg)](https://design.withfudge.com/share/pin-10705) [Brave Search API | Brave](https://design.withfudge.com/share/pin-10705) [![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) [![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10698?format=jpg)](https://design.withfudge.com/share/pin-10698) [Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10698) [![China’s AI Blitz Creates ‘Death Zone’ for Rival US Model Makers - Bloomberg](https://pin.fontofweb.com/10695?format=jpg)](https://design.withfudge.com/share/pin-10695) [China’s AI Blitz Creates ‘Death Zone’ for Rival US Model Makers - Bloomberg](https://design.withfudge.com/share/pin-10695) [![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10680?format=jpg)](https://design.withfudge.com/share/pin-10680) [Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10680) ## Related design patterns - [Primary text color](/share/designs-with-color.role.text_primary) - [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) - [Solid background](/share/designs-with-visual.background.solid) - [Accent color](/share/designs-with-color.role.accent) ## Related website guides - [21st.dev design guide](/share/21st.dev-design) - [acoup.blog design guide](/share/acoup.blog-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) - [analytics.google.com design guide](/share/analytics.google.com-design) - [aol.com design guide](/share/aol.com-design) - [app.base44.com design guide](/share/app.base44.com-design) - [app.quiver.ai design guide](/share/app.quiver.ai-design) - [apple.com design guide](/share/apple.com-design) - [arena.ai design guide](/share/arena.ai-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) - [assistant-ui.com design guide](/share/assistant-ui.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) - [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) - [campaignlive.co.uk design guide](/share/campaignlive.co.uk-design) - [canadaspends.com design guide](/share/canadaspends.com-design) - [capacity.so design guide](/share/capacity.so-design) - [carcard.arible.co design guide](/share/carcard.arible.co-design) - [catala-lang.org design guide](/share/catala-lang.org-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) - [claude.com design guide](/share/claude.com-design) - [codepen.io design guide](/share/codepen.io-design) - [cognee.ai design guide](/share/cognee.ai-design) - [consumer.huawei.com design guide](/share/consumer.huawei.com-design) - [coolors.co design guide](/share/coolors.co-design) - [craftwork.design design guide](/share/craftwork.design-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) - [dashboard.internetcomputer.org design guide](/share/dashboard.internetcomputer.org-design) - [davidprotein.com design guide](/share/davidprotein.com-design) - [dedcool.com design guide](/share/dedcool.com-design) - [deepmind.google design guide](/share/deepmind.google-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) - [developer.chrome.com design guide](/share/developer.chrome.com-design) - [developers.google.com design guide](/share/developers.google.com-design) - [digg.com design guide](/share/digg.com-design) - [dlang.org design guide](/share/dlang.org-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) - [epsteinexposed.com design guide](/share/epsteinexposed.com-design) - [era.app design guide](/share/era.app-design) - [every.to design guide](/share/every.to-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) - [figma.com design guide](/share/figma.com-design) - [firehose.com design guide](/share/firehose.com-design) - [fireworks.ai design guide](/share/fireworks.ai-design) - [firstpromoter.com design guide](/share/firstpromoter.com-design) - [fiverr.com design guide](/share/fiverr.com-design) - [flickr.com design guide](/share/flickr.com-design) - [fontsinuse.com design guide](/share/fontsinuse.com-design) - [fonttrio.xyz design guide](/share/fonttrio.xyz-design) - [foundation.app design guide](/share/foundation.app-design) - [framer.com design guide](/share/framer.com-design) - [fushly.com design guide](/share/fushly.com-design) - [gemini.google.com design guide](/share/gemini.google.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) - [giga.ai design guide](/share/giga.ai-design) - [grok.com design guide](/share/grok.com-design) - [grokipedia.com design guide](/share/grokipedia.com-design) - [ground.news design guide](/share/ground.news-design) - [gutgutgoose.com design guide](/share/gutgutgoose.com-design) - [hatroid.com design guide](/share/hatroid.com-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) - [inceptionlabs.ai design guide](/share/inceptionlabs.ai-design) - [intercom.com design guide](/share/intercom.com-design) - [invideo.io design guide](/share/invideo.io-design) - [joinhandshake.com design guide](/share/joinhandshake.com-design) - [kagi.com design guide](/share/kagi.com-design) - [kapa.ai design guide](/share/kapa.ai-design) - [kapwing.com design guide](/share/kapwing.com-design) - [kobbe.io design guide](/share/kobbe.io-design) - [land-book.com design guide](/share/land-book.com-design) - [laylo.com design guide](/share/laylo.com-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) - [linktr.ee design guide](/share/linktr.ee-design) - [liveblocks.io design guide](/share/liveblocks.io-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) - [meodai.github.io design guide](/share/meodai.github.io-design) - [mercury.com design guide](/share/mercury.com-design) - [metr.org design guide](/share/metr.org-design) - [midjourney.com design guide](/share/midjourney.com-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) - [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) - [nature.com design guide](/share/nature.com-design) - [neuform.ai design guide](/share/neuform.ai-design) - [new.email design guide](/share/new.email-design) - [nga.gov design guide](/share/nga.gov-design) - [nibzard.com design guide](/share/nibzard.com-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) - [nova.lightmode.io design guide](/share/nova.lightmode.io-design) - [ntathome.com design guide](/share/ntathome.com-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) - [openai.com design guide](/share/openai.com-design) - [openwebui.com design guide](/share/openwebui.com-design) - [opper.ai design guide](/share/opper.ai-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) - [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) - [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) - [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) - [prompts.voao.co design guide](/share/prompts.voao.co-design) - [radix-ui.com design guide](/share/radix-ui.com-design) - [ramen.haus design guide](/share/ramen.haus-design) - [rediff.com design guide](/share/rediff.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) - [rerun.io design guide](/share/rerun.io-design) - [research.google design guide](/share/research.google-design) - [resend.com design guide](/share/resend.com-design) - [revolut.com design guide](/share/revolut.com-design) - [rt.com design guide](/share/rt.com-design) - [saaspo.com design guide](/share/saaspo.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) - [seesaw.website design guide](/share/seesaw.website-design) - [selected.site design guide](/share/selected.site-design) - [shop.heavymetal.com design guide](/share/shop.heavymetal.com-design) - [shop.ledger.com design guide](/share/shop.ledger.com-design) - [slideshare.net design guide](/share/slideshare.net-design) - [smithsonianmag.com design guide](/share/smithsonianmag.com-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) - [staples.com design guide](/share/staples.com-design) - [storybook.js.org design guide](/share/storybook.js.org-design) - [stripe.com design guide](/share/stripe.com-design) - [styles.refero.design design guide](/share/styles.refero.design-design) - [supernova.io design guide](/share/supernova.io-design) - [supply.family design guide](/share/supply.family-design) - [surrealdb.com design guide](/share/surrealdb.com-design) - [symbl.space design guide](/share/symbl.space-design) - [tenor.design design guide](/share/tenor.design-design) - [theguardian.com design guide](/share/theguardian.com-design) - [thehog.ai design guide](/share/thehog.ai-design) - [theverge.com design guide](/share/theverge.com-design) - [thinkingmachines.ai design guide](/share/thinkingmachines.ai-design) - [threads.com design guide](/share/threads.com-design) - [tradingview.com design guide](/share/tradingview.com-design) - [tronscan.org design guide](/share/tronscan.org-design) - [trustmrr.com design guide](/share/trustmrr.com-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) - [umbrel.com design guide](/share/umbrel.com-design) - [uneed.best design guide](/share/uneed.best-design) - [uselogly.app design guide](/share/uselogly.app-design) - [vercel.com design guide](/share/vercel.com-design) - [warp.dev design guide](/share/warp.dev-design) - [webflow.com design guide](/share/webflow.com-design) - [windsurf.com design guide](/share/windsurf.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) - [workers.cloudflare.com design guide](/share/workers.cloudflare.com-design) - [afterquery.com design guide](/share/afterquery.com-design) - [aihero.dev design guide](/share/aihero.dev-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) - [halfbuilt.com.au design guide](/share/halfbuilt.com.au-design) - [innocean.com design guide](/share/innocean.com-design) - [minimax.io design guide](/share/minimax.io-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) - [youworkforthem.com design guide](/share/youworkforthem.com-design) - [zcode.z.ai design guide](/share/zcode.z.ai-design) - [ziggle.art design guide](/share/ziggle.art-design)