- UnmatchedStyle Newsletter
- Posts
- Vol_9.14.26
Vol_9.14.26
We curate web design resources.

Website of the week:
How we built Interfere’s new website › Interfere
A deep dive into how we built Interfere’s new website
https://interfere.com/blog/how-we-built-interferes-new-website
Gestalt Principles for Visual UI Design
Users parse a layout before they read its labels. Whitespace, borders, alignment, color, and motion determine what belongs together. When these cues fight the content, users attach the label, price, warning, status, or action to the wrong object. Proximity, similarity, enclosure, and the other Gestalt cues guide the eye, snapping visual chaos into clarity.
https://www.uxtigers.com/post/gestalt-principles
Opensource UI — Free, open-source, production-ready components for React & Next.js — built with TypeScript and Tailwind CSS.
Opensource UI is a free, MIT-licensed copy-paste library of 200+ production-ready React and Next.js components. Built with TypeScript and Tailwind CSS v4. Browse live previews and copy source code at opensourceui.in.
https://opensourceui.in/
Atlas: A World Model for Spatial Intelligence
Introducing Atlas, our new omni world model for spatial intelligence.
https://www.worldlabs.ai/blog/atlas
Limit the number of details
Every detail asks for attention. Limiting how many we add is what gives us room to make the ones that remain better.
https://design.lightspark.com/limit-the-number-of-details
Behind the Build: Generative Plugins and Shaders at Figma | Figma Blog
Starting today, you’ll have more creative control over generative plugins and shaders, and a way to share what you’ve made with the community.
https://www.figma.com/blog/how-we-built-generative-plugins-and-shaders/
Animating CSS Grid Layouts with CSS Anchor Positioning
At CSS Day (back in June), someone asked me how Brave (the browser) might have built their New Tab Page which features some tiles laid out in a grid. While the grid is nothing spectacular, something special happens with it when you resize the viewport: as the available space changes, the grid nicely reorganizes itself in an animated way. The animations are also interruptible, so no View Transitions seem to be at play.So, how did they do it? I’m not sure. But if I were to recreate it, I’d use CSS Anchor Positioning with regular CSS Transitions on top.
https://www.bram.us/2026/09/07/animating-css-grid-layouts-with-css-anchor-positioning/
Building an Infinite Liquid Glass Grid with Three.js, WebGPU, and TSL | Codrops
An exploration of infinite grids, liquid glass, and video refraction using Three.js, WebGPU, TSL, and custom shaders.
https://tympanus.net/codrops/2026/09/08/building-an-infinite-liquid-glass-grid-with-three-js-webgpu-and-tsl/
Custom Scrollbar Component In 2026 – Master.dev Blog
Thanks to some very modern CSS, we can visually replicate the logic of scrollbars. Then make them actually functional.
https://blog.master.dev/custom-scrollbar-component-in-2026/
Antiquated HTML Snippets and Artefacts
We can mostly blame Internet Explorer, as always.
https://vale.rocks/posts/html-relics
The best dark mode toggle is probably none • Lea Verou
My post on two-state dark mode toggles sparked a lot of discussion about the optimal dark mode toggle design. But should you have a (persistent) dark mode toggle at all? I have since been convinced that for most websites, the answer is no.
https://lea.verou.me/blog/2026/dark-mode-toggles-2/
New Things You Should Know About HTML Here in Mid 2026 – Master.dev Blog
You've got your permissions elements, custom element registries, a potential future for HTML includes, HTML-in-Canvas, and a bunch more.
https://blog.master.dev/new-things-you-should-know-about-html-here-in-mid-2026/
AI made PMs faster. Multiplayer mode is still broken.
A PM can summarize research, draft a PRD, and mock up a prototype before lunch. The hard part starts when the team has to decide what actually gets built.
Jira Product Discovery gives product teams one place to capture insights, prioritize ideas with consistent frameworks, and build living roadmaps stakeholders can rally around.
And because it’s connected to Jira, the context behind every decision stays with the work—so developers and their agents know not just what to build, but why.
AI helps PMs move faster. Jira Product Discovery helps the whole team build with confidence.








