Sites worth opening

• GodlyWeb designgodly.design ↗Hand-picked sites with a point of view — loud type, heavy motion, layouts that take a risk. Raid it when a page needs an idea rather than another hero section.
• SiteInspireWeb designsiteinspire.com ↗A long-running showcase filed by style, type and subject. The filters are the reason to go: two clicks turn “web design” into a shortlist you can actually use.
• One Page LoveWeb designonepagelove.com ↗Single-page sites, hand-picked since 2008 and broken down section by section. The place to study the argument a page has to make when there is no second page to defer to.
• AwwwardsWeb designawwwards.com ↗The judged end of the web, scored on design, usability and creativity. Read the scores rather than the trophies — they name what a site actually did.
• RecentWeb designrecent.design ↗What shipped this week, newest first and filed by discipline — interface, branding, type, motion, print. The pass to make when you want current rather than canonical.
• SuperOPCWeb designsuperopc.app ↗A bilingual library that opens on web cases and keeps going — brand books filed by year, brand films, portfolios, mockups. The only card here holding brand systems, and the only one that reads in Chinese.the full catalogue needs a plan
• ReferoProduct UIrefero.design ↗Real product screens catalogued by page and by element — empty states, settings, pricing, onboarding. Look here when you know the screen and need ten ways it has been solved.
• MobbinProduct UImobbin.com ↗App and web flows captured screen by screen, so you get the sequence instead of one pretty frame.browsing needs a free account
• Page FlowsProduct UIpageflows.com ↗Flows as recordings — someone signing up, cancelling, paying — with the transitions intact. The only way to see timing rather than layout.most recordings need a subscription
• Spotted in ProdProduct UIspottedinprod.com ↗Short clips of iOS interactions caught in shipped apps — a tab bar, a transition, the half-second someone spent a month on. The rest of this row shows you the screen; this one shows it being used.past the newest dozen needs a membership
• TypewolfTypetypewolf.com ↗What typefaces are being used right now, with the pairings named on every site. The fastest way to stop guessing at fonts.
• Fonts In UseTypefontsinuse.com ↗An archive of typography in the wild — books, packaging, signage, sites — indexed by typeface, industry and era. Where a font gets its history back.
• CodropsMotiontympanus.net/codrops ↗Interaction and motion experiments published with their source. Where a scroll effect stops being a mood board and becomes something you can hand to an agent.
• MotionSitesMotionmotionsites.ai ↗Animated landing pages and hero sections filed by kind — 3D, scroll, glass, the vocabulary a still gallery cannot show. The previews tell you what a page can do before you decide whether it should.the prompts behind them need a paid plan
• Happy HuesColorhappyhues.co ↗Palettes shown as a working page, every color labelled with the job it does. Answers the question a hex list never does: which one is the background?
• CoolorsColorcoolors.co ↗Generate a palette in a keystroke, then check it — contrast ratios and color-blindness simulation live in the same tool.
• CosmosBoardscosmos.so ↗Visual search that answers a feeling rather than a keyword, and keeps what you find in boards. The mood pass, before any UI exists.
• Are.naBoardsare.na ↗Collections other people have been building for years, with no algorithm anywhere near them. Follow a channel and let it stay slow.

Every thumbnail is our own screenshot of the page its card opens; nothing is copied off their shelves, and every card links straight back. Yours and want it off this list? [email protected]