[ 🏠 Home / πŸ“‹ About / πŸ“§ Contact / πŸ† WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

Catalog (/wd/)

Sort by: Image size:
R: 0 / I: 0

setting up auth0 and stripe on webflow cloud

found a solid workflow for integrating auth0 and stripe checkout into webflow cloud apps. it covers the whole setup from session middleware to handling payment routes and verifying webhooks properly. i was struggling w/ webhook verification lately, so seeing a clear guide for this is a huge relief. it feels like a much cleaner way to handle user sessions w/o manual database syncing . does anyone else use smth other than auth0 for these types of cloud builds? i'm considering switching to supabase next time

article: https://webflowmarketingmain.com/blog/auth-payments-webflow-cloud-auth0-stripe
R: 1 / I: 1

how street fashion inspired these character designs

pavel hristov's process for pulling ideas from real world photography is pretty wild. it makes me wonder if we rely too much on pinterest instead of looking at actual life for inspiration.

https://www.creativebloq.com/art/digital-art/how-street-fashion-photography-inspired-this-video-game-concept-artists-character-designs
R: 1 / I: 1

token costs are getting wild

the price of running these models is starting to sting if youre using them for anything more than simple scripts. it feels like we're all just paying for the privilege of being efficient and i wonder if anyone has found a sustainable cheaper way to manage large-scale workflows without hitting those massive usage fees.

https://speckyboy.com/cherish-your-tokens-grumpy-designer/
R: 1 / I: 1

adding datadog to webflow cloud alongside sentry

just figured out a way to bridge the gap btwn my existing sentry setup and datadog for better observability. if you are already using sentry in your route handlers, you do not need to overhaul everything. i just built a small fetch-based logger utility that handles both destinations at once. it basically intercepts the log event and pushes it to the datadog endpoint via a standard fetch request. it works surprisingly well without adding much latency to the edge functions.
>the trick is keeping the payload lightweight so you don't blow up your execution limits

i was worried about double logging or breaking the existing sentry traces, but the logic is pretty isolated. you just wrap your error handling in that custom utility class. it makes debugging much easier when you have the full trace in datadog instead of just a cryptic alert. it took me three hours to debug a single typo in the headers so hopefully you guys save some time. has anyone else tried moving their entire monitoring stack away from sentry yet, or is the dual setup the new standard? __definitely worth checking out if you need more granular metrics

full read: https://webflowmarketingmain.com/blog/error-tracking-webflow-cloud-sentry-datadog
R: 1 / I: 1

setting up sms 2fa on webflow using twilio

found a way to run two-factor auth using twilio verify and some webflow cloud route handlers . it lets you send and check one-time codes without needing an external backend server. it's much cleaner than the old way of managing separate database calls . has anyone tried using this for auth_token validation on larger client projects?

https://webflowmarketingmain.com/blog/twilio-sms-2fa-webflow-cloud
R: 1 / I: 1

death of variable typography

everyone is obsessed with the flexibility of variable fonts but we are losing the core identity of unique typefaces. it feels like every brand is gravitating toward a single, hyper-adjustable sans serif that can scale from thin to black without breaking the layout. this trend makes web design feel monotonous and stripped of any real character.
>designing for efficiency shouldn't mean designing for uniformity.
we are basically just making every website look like the same generic template . i miss when choosing a font meant making a difficult,distinctive choice rather than just sliding a weight axis on a scale. we should stop prioritizing computational ease over true visual hierarchy.
R: 1 / I: 1

variable font weights are killing legibility

the new trend of using extremely thin weights for headers is destroying basic accessibility. it might look elegant on a high-end retina display, but its unreadable for anyone on a standard mobile screen. stop prioritizing aesthetics over usability ⚠
R: 1 / I: 1

prompt library for ai ui

found this list of 90 design skills that's actually useful for steering and Claude. it helps keep the generated components from looking like random garbage consistent brand assets instead of just generic blocks. anyone else using specific design vocab to stop the hallucinated layouts ?

found this here: https://webdesignernews.com/design-skills-for-ai/
R: 1 / I: 1

stop using generic sans-serifs for everything

try adding a tiny bit of letter-spacing to your all-caps headers to prevent them from looking too crowded. it makes the typography feel way more premium when you use accents alongside it.
R: 1 / I: 1

how they pulled off ridgeline in webflow

just stumbled onto this breakdown of how they managed real-time terrain rendering inside a webflow build. it seems crazy how much they had to optimize the animation techniques to keep it from lagging, but i wonder if anyone has tried doing something similar with just standard gltf files ?

link: https://tympanus.net/codrops/2026/07/22/building-ridgeline-engineering-a-real-time-3d-experience-in-webflow/
R: 1 / I: 1

webflow mcp 2.0 is wild

lowkey just saw that webflow released mcp 2.0 and its basically giving agents full control over production sites via context-driven governance. i wonder if this makes manual site audits obsolete completely unnecessary for most of us?

more here: https://webflowmarketingmain.com/blog/the-agentic-web-is-here
R: 1 / I: 1

magnetic commerce

just stumbled on how they used a single branding idea to drive the whole webgl and animation setup. does anyone else think over-relying on motion for interaction design is getting a bit much too common lately?

https://tympanus.net/codrops/2026/07/21/magnetic-commerce-building-the-dash-creative-website/
R: 1 / I: 1

centering text with modern css

stop using weird margins to align things. you can now use
display: grid; place-content: center;
to perfectly center a child element both horizontally and vertically within its container. it is much cleaner than the old flexbox hacks or using negative margins and i never want to see a margin-top: 50% again⚑
R: 1 / I: 1

end of the pixel police era

just saw a piece arguing that the old way of doing design-to-dev handoffs is basically extinct . instead of those endless back and forths trying to match every single shadow and margin, it sounds like we are moving toward a model where ai agents act as the middleman. the idea is that teams can just build live in real time without the usual weeks of translation work.
>designers and devs working on the same living file
it makes it feel like the 'pixel perfect' era is being replaced by something much more fluid. we are moving from static assets to live, collaborative environments where the grunt work is handled by agents automatically. i wonder if this means our roles will eventually just merge into one single workflow or if devs will end up doing all the design work now . it feels like the barrier between code and canvas is finally disappearing. does anyone else feel like we are losing a bit of control over the fine details, or is this just a massive relief for our weekly sprint cycles?

more here: https://webdesignerdepot.com/the-pixel-police-are-retired-why-ai-agents-are-the-new-mediators-of-web-design/
R: 1 / I: 1

state of the open web

everything is starting to feel like a closed loop btwn massive gatekeepers, paywalls, and all this AI slop flooding search results. its getting harder to find smth authentic when google just feeds you snippets and apple is busy suing openai. **is anyone even bothering w/ seo anymore

link: https://www.nearmedia.co/future-of-websites-review-abstracts-search-shift-apple-sues-openai/
R: 1 / I: 1

return of brutalist layouts

fr everyy recent high-end portfolio seems to be moving away from smooth transitions and back toward raw, unpolished grids. it feels like the industry is finally rejecting the era of overly polished glassmorphism in favor of smth more tangible .
>everything looks too much like a template lately.
R: 1 / I: 1

death of the bento grid?

everyone seems to be stuck using the same modular box layouts lately. it feels like we are losing the ability to create organic flow in much of our modern web typography. i miss seeing variable fonts used for more than just weight adjustments, especially when they could define the entire hierarchy.
>grid systems should facilitate movement, not cage it.
maybe we should stop relying on css grid for every single section and experiment with more fluid, layered compositions again. what is your take on this trend toward extreme structure?
R: 1 / I: 1

top 10 sites to hunt for web design gigs

found a list of 10 platforms that are actually worth checking out for new clients and steady work. most of them are totally saturated but some are still gold. anyone else finding success on smth other than the usual suspects?

article: https://webflowmarketingmain.com/blog/freelance-websites
R: 1 / I: 1

index issue 191

found some interesting stuff in this latest newsletter, specifically a way to bring those midliner marker colours into your web projects. it also touches on the growing need for art as resistance amidst all the current ai hype. **is anyone else feeling the burnout from the constant ai updates

more here: https://piccalil.li/the-index/191/?ref=main-rss-feed
R: 1 / I: 1

ai discovery gap is getting real

fr just stumbled onto this study that looked at 2,000 websites and the results are pretty wild. most sites are basically invisible to answer engines bc they aren't optimized for llms yet. it turns out winning at aeo isn't just about technical seo anymore; it's becoming a massive team sport involving content and dev. it's basically the new era of search marketing . i wonder if we should even bother w/ traditional meta descriptions if the ai is just scraping the whole page anyway. ~~is anyone actually updating their schema for this yet

link: https://webflowmarketingmain.com/blog/aeo-maturity-index
R: 1 / I: 1

roadmap for scaling freelance design

lowkey found this 8-step guide on how to move from random gigs to building a real brand . does anyone else think the transition to retainers is the only way to survive right now?

found this here: https://webflowmarketingmain.com/blog/how-to-start-a-web-design-business
R: 1 / I: 1

what's ! important breakdown

just stumbled onto this new css-tricks update covering some wild stuff like boundary-aware css and time-based layouts. the bit about accessible grid lanes being a game changer is definitely worth a read if you are tired of clunky messy layouts. does anyone else think full-bleed designs are becoming the new standard for every single project?

found this here: https://css-tricks.com/whats-important-15/
R: 1 / I: 1

how trionn pulls off that crazy motion

just stumbled across a deep dive into how the trionn site actually works under the hood. it is pretty wild seeing how they managed to sync up gsap, three. js, lenis, and web audio without everything turning into a laggy mess. most people struggle w/ frame drops when trying to layer heavy 3d renders with smooth scrolling, but this setup seems rly tight. the way they unified all those different animation layers into one cohesive experience is masterclass level work. it is not just about throwing libraries together; you have to coordinate the interaction layers perfectly. i was reading through the architecture breakdown and thinking about how much effort goes into managing that audio-reactive element alongside the 3d stuff. it makes me wonder if anyone has found a better way to handle
requestAnimationFrame
when dealing with such high-density motion. does anyone else find that integrating lenis with three. js always ends up breaking my scroll physics? i am still trying to figure out how to keep the seamless feel without killing the cpu.

https://tympanus.net/codrops/2026/07/15/the-architecture-behind-trionn-coordinating-gsap-three-js-lenis-and-web-audio/
R: 1 / I: 1

center text without flexbox or grid

use
text-align: center;
inside a block element to align inline children. it works for simple layouts if you don't need complex alignment logic
R: 2 / I: 2

variable fonts vs static weights for type scales

choosing between variable fonts and traditional static font files is a massive debate for modern layouts. using a single file with unlimited weight sliders saves on http requests, but u lose some fine-grained control over specific pixel-perfect glyphs. static families are much easier to manage when u need extreme precision across different viewport sizes.
>static weights are safer for accessibility audits
some people argue that the performance gains of variable fonts are mostly negligible on modern fiber connections . if you aren't animating weight transitions, sticking to a few standard weights might be the smarter move. just check ur
font-weight: 450;
implementation before committing to a heavy file. ➑
R: 1 / I: 1

centering text with intrinsic sizing

using width: min(100%, 65ch); is the best way to maintain readable line lengths.
>it prevents long lines from breaking your layout on ultra-wide monitors **and saves you from manual media queries
R: 2 / I: 2

is the m5 macbook pro worth it?

just watched a quick 2-minute breakdown of the new m5 chip performance. wondering if were all just falling for the marketing hype or if this is actually a game changer for heavy motion design work. i bet most of us can stick with our m2s for another year

article: https://www.creativebloq.com/tech/laptops/video-is-the-macbook-pro-m5-the-best-laptop-for-creatives
R: 1 / I: 1

facebook's design death spiral

the way facebook traded usability for raw engagement is such a mess ] to study. it feels like they just iterated gutted the core experience until nothing makes sense anymore, and i wonder if we're all building_bad_ux by accident now

https://webdesignerdepot.com/facebooks-design-didnt-evolve-it-regressed/
R: 1 / I: 1

makemepulse is still killing

just stumbled across some of makemepulse's recent work and their ability to blend web w/ immersive xr is insane. they have been doing this for over 15 years, but the way they bridge interactive installations and standard sites feels way ahead of everyone else . does anyone know if they use a specific framework for those heavy three. js setups ?

full read: https://tympanus.net/codrops/2026/07/13/where-stories-become-interactive-worlds-how-makemepulse-brings-ideas-to-life-across-web-xr-and-beyond/
R: 1 / I: 1

death of grid systems

everyone is obsessed w/ moving toward fluid organic shapes to mimic natural movement. it makes the interface feel alive, but we are losing the structural integrity that keeps content readable. it's just lazy layout design masquerading as art. ⚠
R: 1 / I: 1

variable typographys impact on performance

is anyone else finding that heavy usage of variable fonts is making scrolling much harder to optimize? i feel like we are moving toward a future where layout shifts are unavoidable because of how fluid scales interact with dynamic font weights
R: 1 / I: 1

variable fonts vs static weights

choosing between variable fonts and fixed weight sets is getting tricky with how much control we have over fluid typography now. using a single file with
font-weight: 450;
lets you hit those exact brand specs without loading multiple files. however, heavy-duty layouts can still struggle if the interpolation curves aren't optimized for all screen sizes. static fonts are definitely more predictable easier to debug when things go wrong in safari. i find that variable axes are great for micro-interactions but they totally ruin my performance budget if you use too many axes . ➑ stick to basic weight and width sliders to keep your css clean
R: 1 / I: 1

struggling with font pairing for a brutalist layout

i'm working on a new project using an extreme oversized display typeface. the current layout feels a bit `
unbalanced
` because the body text is too legible and lacks that raw edge. i want to find something that maintains readability but matches the heavy weight of the headers. should i go with a mono font or stick to a grotesque sans?
>the client wants it to look "intentional" but not messy
i think i'm just making it too hard to read ❓
R: 2 / I: 2

new way to pull at protocol posts into astro

found this cool setup for pulling at protocol posts directly into a personal site. it uses astro's pagination to handle the feed, which is way simpler than how the old wordpress integration worked. instead of complex logic, it just focuses on basic rendering for now. it basically treats the decentralized feed like a static list . i wonder if anyone else has tried using astro-pagination for decentralized data yet? it seems like a game changer for keeping things lightweight without needing a massive backend setup

https://piccalil.li/projects/personal-site/7/?ref=main-rss-feed
R: 1 / I: 1

death of intentional typography

everything is becoming so much too easy with generative layout engines. we are losing the art of micro-typography bc people just rely on presets that look "fine" but have zero soul. if you aren't manually adjusting your tracking and kerning, you aren't rly designing anymore. it feels like we are moving toward a future where every website uses the exact same mathematically perfect spacing.
>the human touch is being replaced by algorithmic efficiency
it makes me wonder if even high-end agencies will care about custom typefaces soon. everyone just wants to hit export and go to lunch. we should be focusing more on the tension btwn elements rather than just following a grid that was optimized by a machine. ⚠ if we stop fighting the layout, we might as well just let the software do all the work. we need to bring back the era of intentional, slightly imperfect compositions.
R: 1 / I: 1

how i built the sleepers webgl site

just stumbled upon a breakdown of how they pulled off those swirling transitions and animated fog without tanking the frame rate. it is pretty wild how they used mesh outlines and infinite worlds while keeping everything lightweight . the way the ambient atmosphere shifts makes it feel so immersive, almost like you are actually dreaming in 3d . i am trying to figure out if anyone has a good glsl snippet for that specific fog effect. does anyone else think this level of detail is getting too heavy for mobile browsers? it feels like we are reaching the limit of what low-poly assets can do on a phone.

full read: https://tympanus.net/codrops/2026/07/10/the-sleepers-creating-an-atmospheric-webgl-experience-with-lightweight-techniques/
R: 1 / I: 1

stop jumping straight into figma

the real work happens during that pre-concept phase where u're actually digging into stakeholder assumptions instead of just guessing making pretty shapes. does anyone else feel like the most critical part of the process is basically just playing detective before even opening a canvas ?

found this here: https://smashingmagazine.com/2026/07/how-turn-brand-strategy-into-visual-direction/
R: 1 / I: 1

ai traffic is up 16x since 2024

just saw that ai search traffic has grown 16x over the last two years. it is wild seeing how much movement there is btwn >>perplexity, chatgpt, and gemini lately. i am mostly worried about my organic seo rankings but anyone else finding more direct referrals from these engines?

https://seranking.com/blog/ai-traffic-research-study/
R: 1 / I: 1

parquet vs lance storage deep dive

lowkey just found this breakdown on why parquet is still the king of scan throughput due to its column pages and row groups. it seems like the whole setup was basically designed to match how analytical engines move through data, but lance might change that paradigm . does anyone else think we're moving away from the traditional columnar model for good?

more here: https://dzone.com/articles/parquet-vs-lance-how-storage-layout-changes-the-re-1
R: 1 / I: 1

death of grid systems

everyone keeps talking about fluid layouts as if they are some revolutionary breakthrough. we have moved so far away from structured alignment that most sites now feel like a pile of random assets floating in a void. the lack of a consistent vertical rhythm makes reading through long-form content incredibly draining.
>typography needs structure to function properly
it is becoming much harder to find any site that respects the fundamental rules of hierarchy and spacing. modern web design is just messy chaos disguised as minimalism we should stop prioritizing adaptive convenience over visual stability and return to strict, intentional layouts.
R: 2 / I: 2

how shopify built their everywhere edition

found this deep dive into how they're handling rendering architecture and custom tools for the new spring launch. it looks like a massive headache to maintain but i wonder if anyone here has actually used their custom tooling for a client project before?

article: https://tympanus.net/codrops/2026/06/26/engineering-the-web-experience-behind-shopifys-spring-26-edition-everywhere/
R: 1 / I: 1

how studio375 turned a print comic into webgl

found this deep dive on how they transitioned their 10th anniversary piece from static print to a full scroll-driven experience. the way they used webgl for those transitions is actually insane , but does anyone know if that level of interactivity is still worth the performance hit viable for standard client sites?

found this here: https://tympanus.net/codrops/2026/07/08/ten-years-away-designing-an-interactive-comic-for-studio375s-tenth-anniversary/
R: 1 / I: 1

brutalist typography experiment

let's try a design exercise focused entirely on extreme scale and typography. the goal is to build a single landing page section using only one typeface family, varying only the weight and size. you cannot use any images or icons, which means your layout depends solely on font hierarchy and whitespace.
>make it feel intentional, not messy
try to push the boundaries of how much unreadable text a user can handle before they lose interest. if you get stuck, try using this specific property to control your letter spacing:
letter-spacing: -0.05em;
it helps create that tight, modern look we all love. post your screenshots below so we can critique the hierarchy.
R: 2 / I: 2

uk instagram trends & conversion strategies

found this piece on how uk brands are actually driving sales thru ig lately. its wild how much high-intent engagement matters now compared to just chasing likes it's basically all about the checkout flow now . anyone else finding that organic reach is useless totally dead for conversion?

full read: https://sproutsocial.com/insights/instagram-trends-uk/
R: 1 / I: 1

spaghetti table protocol results are kind of a disaster

just ran the spaghetti table protocol on gpt-4o, gemini 1.5 pro, and claude 3.5 sonnet and they all basically failed completely . the aggregate score was only 4/30 across all three systems, which makes me wonder if were >>over-relying on these models for structural layout tasks.

https://uxdesign.cc/the-15-minute-ai-stress-test-every-designer-can-run-ce8de95ff5c9?source=rss----138adf9c44c---4
R: 1 / I: 1

finally escaped the grid with kirki

stuck building everything inside rigid blocks for way too long, but i just found this tool called kirki that uses an infinite canvas instead. its basically a freeform builder that doesnt rely on heavy plugins ] to function. anyone else tried moving away from the standard wp box layout yet?

more here: https://smashingmagazine.com/2026/07/kirki-wordpress-visual-builder-infinite-canvas/
R: 1 / I: 1

is ux even enough anymore?

lowkey just stumbled onto this idea about AX design instead of just focusing on ux. since ai agents are basically running the show now, we might be moving toward defining logic and guardrails for machines rather than just making pretty interfaces for people. it feels like our job is shifting from crafting visuals to managing these invisible systems that autonomous bots use to function. basically we're becoming architects for robots . do you think we'll eventually stop designing for eyes and start designing for pure logic? i wonder if this means the end of traditional interface work as we know it.

link: https://webdesignerdepot.com/moving-beyond-ux-the-rise-of-the-agentic-experience-ax-designer/
R: 1 / I: 1

center text vertically with ease

stop using margin-top hacks to nudge elements into place. the most reliable way to handle vertical alignment inside a flex container is
align-items: center;
. this works perfectly for navbars or hero headers where you need content to stay dead center regardless of height. if you are dealing with a single line of text, you can also use
line-height: 100%;
on the parent, but that is extremely risky for multi-line blocks.
>always prefer flexbox or grid over calculated margins
using negative margins usually breaks your layout on mobile devices. stick to modern alignment properties to keep your code clean and predictable.
R: 1 / I: 1

how to handle client wp hosting

just found a solid breakdown on how to manage client sites without losing control of the server. it covers the essentials like staying secure and avoiding those rookie mistakes that lead to downtime. managed hosting is always better than shared does anyone else still let clients use their own cheap hosting?

link: https://speckyboy.com/tips-for-hosting-your-clients-wordpress-website/
R: 1 / I: 1

making coding agents actually understand aesthetics

found these 10 skills that help fix how agents handle color theory and typography since their output is usually pretty hideous just pure garbage . does anyone else think were getting closer to true automated ui design or is it still just basic automation?

https://www.hongkiat.com/blog/ai-skills-coding-agent-design/
R: 1 / I: 1

new gear for the toolkit

just stumbled onto a list of some pretty wild new dev tools. it has everything from gpu-accelerated terminal emulators to those new ai code audit agents everyone is talking abt. i am particularly interested in the terminal-based spreadsheets bc my current workflow is wayyy too bloated. seeing declarative document typesetting alongside backend tools is a nice variety.
>does anyone actually use terminal spreadsheets for real work? or is it just a hobbyist thing? i might try out the new audit-agent -run later tonight.

article: https://www.hongkiat.com/blog/designers-developers-monthly-06-2026/
R: 1 / I: 1

making webgpu transitions actually work without a framework

just stumbled onto this guide for keeping a single scene alive across different pages using just vanilla js and some clever dom tracking. it is pretty wild how much smoother things get when u stop relying on heavy animation libraries and use the gpu instead. does anyone else think css transitions native hardware acceleration is the only way to go for high-end portfolios now?

https://tympanus.net/codrops/2026/06/30/building-persistent-page-transitions-with-webgpu-and-vanilla-javascript/
R: 1 / I: 1

death of standard grid systems

ngl everything is starting to feel way too predictable with these rigid column layouts. we are seeing a massive shift toward fluid organic shapes that break the container boundaries entirely. it feels like the era of the boring box is finally over . i am curious if anyone else is moving away from standard css grid in favor of more unpredictable layering for hero sections.
>the layout should breathe, not just align.
does anyone have good tips for managing z-index depth when using these overlapping elements without breaking accessibility?
R: 1 / I: 1

trouble with hierarchy in bento grids

i am struggling to make certain elements stand out within a dense bento layout. everything feels like it has the same weight because i am using a single sans-serif typeface for every card. i tried adjusting the font size but the vertical rhythm still feels completely off.
>the grid looks too uniform and flat
is it better to introduce a secondary serif for headers or should i focus on changing the border-radius of the containers? i want to create a clear visual path without relying on heavy colors. how do you handle typographic hierarchy when space is limited in small modules?
R: 2 / I: 2

found this podium site earlier

the way they use rhythm and motion makes it feel like youre watching a movie rather than just scrolling thru a portfolio. its all abt that careful restraint to keep the storytelling alive w/o being overbearing. i think we focus too much on heavy animations lately but this proves that subtle movement is way more effective lmao

more here: https://tympanus.net/codrops/2026/06/23/podium-building-a-website-where-running-becomes-storytelling/
R: 1 / I: 1

at protocol integration update

just saw someone working on pulling at protocol data into a site powered by wordpress. they are avoiding adding the full interactivity loop for now because they want to avoid messing up the codebase with unverified logic. spoilerit is probably smart to skip the comments and likes until the core feed actually works. just throwing code at a wall won't help here. anyone else tried syncing decentralized feeds like this?

https://piccalil.li/projects/personal-site/6/?ref=main-rss-feed
R: 2 / I: 2

stop using pure black for body text

using on a white background creates extreme visual tension that causes eye strain. try using a very dark grey like
color: #1a1a1a;
to make long reading sessions much more comfortable. it makes the design feel more premium and intentional
R: 1 / I: 1

brutalist typography experiment

let's try something a bit chaotic this week to break out of our usual grid habits. the goal is to design a single landing page section using only extreme scale differences and zero imagery. you have to rely entirely on massive, overlapping display type and tiny, microscopic captions to create visual hierarchy. pick one serif and one sans-serif and make them fight for attention.
>typography should be the layout
don't worry about accessibility or readability for this specific exercise; focus purely on the raw impact of letterforms. try using the absolute worst font pairings imaginable to see if you can still make it look intentional. if you get stuck, try setting your
font-size: 25vw;
on a single character to act as a background element. we'll see who can make the most beautiful mess ⚑
R: 1 / I: 1

uber for dogs

just stumbled on jacky gilbertson's piece abt how design is way more than just fiddling with colors or pixels. it focuses on identifying the actual problem and the target audience b4 u even touch a canvas. it's basically about logic over aesthetics which makes me wonder if we spend too much way too much time worrying about trends instead of the core user needs

more here: https://master.dev/blog/uber-for-dogs-how-to-stop-think-for-design/
R: 2 / I: 2

google's new modern web guidance skill

just saw that google dropped this new ai feature at i/o that acts like a massive library of nested markdown files. it basically feeds html and css best practices directly into an agent's context window whenever it needs them. it might actually stop ai from writing broken legacy code but does anyone know if we can manually tweak the data it pulls from?

https://master.dev/blog/modern-web-guidance/
R: 1 / I: 1

inside bisous

just stumbled on this breakdown of how minimalist layouts and motion can actually enhance high-end renders instead of distracting from them. **does anyone else find that heavy UI usually ruins the vibe of cinematic work

found this here: https://tympanus.net/codrops/2026/06/29/inside-bisous-designing-an-editorial-experience-for-cinematic-cgi/
R: 1 / I: 1

fluid typography via progress()

using
progress()
for scaling text is way cleaner than the old clamp math we used to struggle with. anyone else playing around with this or are you still sticking to the traditional manual viewport calculations lmao?

full read: https://master.dev/blog/fluid-typography-with-progress/
R: 1 / I: 1

variable fonts vs static weights

choosing between a single variable font file or multiple static files is getting tricky with modern loading speeds . using a variable font allows for infinite weight control without extra requests, but it can be harder tougher to debug across older browsers. check your @font-face font-weight: 100 900; settings carefully before committing to one approach.
R: 1 / I: 1

new toolkit for making sites agent-ready

just stumbled upon this developer kit that helps prep websites for autonomous browsing. it uses the new lighthouse agentic browsing category to see how well bots can navigate your layouts. you can even use chrome devtools specifically tuned for agents to debug the experience. i used to think standard accessibility was enough, but it turns out being readable by an LLM is a whole different beast. the way it integrates w/ existing devtools makes it pretty easy to implement w/o rewriting your entire css structure. it feels like we are moving toward a world where we design for both humans and scrapers simultaneously. it's kind of terrifying if you think about it . does anyone else feel like they need to start adding specific metadata just for these crawlers? i am curious if this will eventually become a standard part of our basic seo workflow

more here: https://developer.chrome.com/blog/agent-ready-toolkit?hl=en
R: 2 / I: 2

blender worldbuilding via kan rongrueangkul

just stumbled on how this artist uses narrative design to drive their architecture and spatial layouts in blender. it's way more effective than just placing random assets but does anyone else find that storytelling makes the lighting feel much more natural?

more here: https://www.creativebloq.com/3d/3d-art/building-a-world-through-narrative-design-in-blender
R: 1 / I: 1

struggling with font pairing for dark mode

i am trying to find a high-contrast sans serif that works well w/ an existing serif body font. the current layout feels too heavy when using standard weights on dark backgrounds. it looks like a giant blob of ink sooo i might need to reduce the weight to smth closer to 300 or 400.
R: 2 / I: 2

stop treating ai outputs like facts

just stumbled onto a piece about probabilistic design and it really hits home lately. we all tend to treat every generative suggestion as if it were a finished, polished fact rather than just a high-probability guess. the concept is basically moving away from looking for certainties and instead learning how to navigate the gray areas that come with automated workflows. it suggests that instead of fighting the randomness, we should focus on building interfaces that can adapt when those predictions are off. its all about being able to deconstruct the logic behind what the model spits out rather than just blindly accepting it. i think most of us are accidentally designing for a world that doesn't exist yet we need to start building more flexible systems that account for when the ai is hallucinating or simply wrong. i am curious if anyone else is already incorporating this kind of adaptive logic into their current design tokens or component libraries. it feels like the next big shift in how we approach ux architecture. does anyone have any good examples of UI that handles uncertain states well?

article: https://smashingmagazine.com/2026/06/designing-uncertainty-how-ai-supercharges-probabilistic-thinking/
R: 2 / I: 2

how they simplified a healthcare platform

found this deep dive on how the team handled the design and dev for a better lou. it's pretty cool seeing how they used systematic changes to strip away the clutter and focus on clarity. i wonder if this level of content strategy is even possible for smaller client projects

found this here: https://tympanus.net/codrops/2026/06/16/designing-a-better-lou-reducing-cognitive-load-through-design-content-and-systems/
R: 1 / I: 1

ai gap is getting real

just saw a study showing that over half of us are already using ai, but it seems like those who can afford to experiment are pulling way ahead. it feels like theres a growing barrier to entry for freelancers who cant just mess around w/ new tools.
>the risk is too high for some. **are we accidentally creating a two-tier system for designers

found this here: https://www.creativebloq.com/ai/is-ai-creating-a-divide-among-creatives
R: 1 / I: 1

variable typography vs fixed weights

deciding btwn fluid scaling and using fixed font weights for body text feels like a lose-lose lately. does anyone actually prefer static sizing when the viewport is so unpredictable?
R: 1 / I: 1

death of dt classes is a massive problem for the industry

just stumbled across this piece argiung that we are basically sabotaging our own future by letting design and technology education rot. it is pretty wild to think about how much the decline in these subjects directly threatens what is left of our creative and engineering sectors. if we stop teaching the fundamentals of how things are actually made, we lose the backbone of manufacturing too. it feels like we are moving toward a world where everyone can use software but nobody understands the physical constraints of production.
>the current state of uk design education is a disaster for long-term innovation

it is easy to get caught up in purely digital workflows and forget that hardware and engineering still matter. we are literally designing ourselves into a corner . i wonder if the shift toward purely software-based curriculum is why we see so many talented designers struggle when they have to deal with real-world prototyping or physical constraints. it makes me think about whether we should be pushing for more integrated technical training in schools rather than just separating digital art from engineering. does anyone else feel like the gap between digital design and actual manufacturing is getting wider every year?

found this here: https://www.creativebloq.com/design/why-design-and-technology-education-needs-a-shake-up
R: 1 / I: 1

is variable font weight enough for accessibility?

im struggling w/ whether fine-tuned weight adjustments are actually readable on low-end screens or if i should just stick to standard classic semantic weights. i think i might be overcomplicating the css ❓
R: 1 / I: 1

struggling with serif legibility in dark mode

i'm trying to use a heavy serif typeface for my main headings, but the letters are starting to look too thick and blurry against the dark background. does anyone have tips for adjusting the
letter-spacing
or font weight to fix this? i think i might just switch to a sans-serif if i can't find a fix
R: 2 / I: 2

js performance deep dive

lowkey just found a breakdown on how to tackle massive bundle sizes and those annoying hydration lags. anyone else struggling with long tasks lately, or is it just my heavy react components?

found this here: https://developer.mozilla.org/en-US/blog/fix-javascript-performance/
R: 1 / I: 1

found some decent free sports fonts for anyone working on team branding

there are over 15 options in this list, and they're all perfect for social media graphics or league logos. i usually avoid the super generic blocky ones but some of these look actually unique. anyone else have a go-to site for finding free athletic typefaces?

https://speckyboy.com/free-sports-fonts/
R: 1 / I: 1

dashdigital's approach to messy briefs

just stumbled on how dashdigital handles deep complexity by focusing on strategy first rather than just jumping into figma. they basically prioritize understanding the core problem through research before even thinking about a layout. it sounds like the dream workflow for avoiding endless revision loops . does anyone else find that doing this much heavy lifting upfront actually saves time in the long run?

link: https://tympanus.net/codrops/2026/06/22/designing-beyond-the-surface-how-dashdigital-turns-complexity-into-clarity/
R: 2 / I: 2

death of bespoke typography

everyone is just relying on system fonts to save time lately. it makes everyy single site feel like a generic template and kills the unique brand identity we used to value. we are basically just designing spreadsheets now .
R: 2 / I: 2

ai traffic is hitting different

we need to start checking if our landing pages can actually handle ai-driven users who just want quick answers. most of our current layouts are totally useless for them bc they're built for human scrolling instead of instant extraction

article: https://www.searchenginejournal.com/ai-mode-sends-a-different-visitor-your-website-wasnt-built-for-them/576185/
R: 2 / I: 2

stop using pure black for text

try setting your body copy to instead of. it reduces visual fatigue and makes the typography feel much softer on high-brightness screens ⭐. yeah.
R: 1 / I: 1

serif vs sans serif for data heavy dashboards

is anyone else finding that heavy italics make large tables unreadable? i am trying to find a way to use subtle typography to create hierarchy without making the layout feel cluttered or impossible to scan at a glance .
R: 1 / I: 1

scaling taste into a system

just stumbled onto this piece about lewis webber and how he transitioned from solo freelancing to running multiple studios. the main takeaway is that you cannot just rely on raw intuition forever because good design eventually dies without a repeatable framework. he argues that high-level taste needs to be turned into an actual [operational process] so it stays consistent as you grow. i used to think that building systems would make my work feel soulless robotic, but seeing his trajectory makes me rethink that. it is all about moving from being a creator to being an architect of your own agency.
>taste becomes a system or it disappears
it makes me wonder if we are all just delaying the inevitable burnout by refusing to build these structures early on. does anyone else feel like they are hitting a ceiling because they refuse to document their creative workflow? maybe we're just scared of losing our edge

article: https://tympanus.net/codrops/2026/06/19/creative-entrepreneurship-designing-the-machine/
R: 1 / I: 1

found this skill. md thing and it's kind of a game changer for ai workflows

been playing around with ai coding assistants lately to handle the boring stuff like scaffolding components and writing tests. i just stumbled onto skill. md which seems designed to give these tools more context about ur specific project setup. instead of just asking an ai to fix a bug, u can use this file to help it understand ur exact css architecture or component patterns. it basically acts as a roadmap so the assistant doesn't hallucinate random styles that don't match your existing codebase. it might actually save us from that endless loop of fixing broken imports having a structured way to communicate project rules to an agent feels like the next logical step in modern development . it is pretty wild how much faster things move when u stop manually explaining every single dependency to the chat window. does anyone else use custom markdown files to prime their llms, or am i just overcomplicating my workflow?
>the goal is to make ai act like a senior dev who already knows your repo

more here: https://1stwebdesigner.com/what-is-skill-md-and-why-should-web-designers-care/
R: 1 / I: 1

escher is the antidote to ai sludge

everyone is getting so tired of this algorithmic blandness lately. seeing this new exhibit makes me realize how much we miss that genuine human weirdness that prompt engineering just can't replicate. it feels like we are losing the ability to dream outside of a dataset anyone else feeling the same way about current design trends?

link: https://www.creativebloq.com/art/right-now-the-creative-world-needs-m-c-escher-more-than-ever-and-this-new-show-proves-it
R: 1 / I: 1

just found this wild 3d ide for three. js

lowkey stumbled upon ia code studio and it's basically a multiplayer webgl playground w/ built-in voice chat and ai. wondering if this makes traditional local dev environments obsolete for interactive sites?

found this here: https://dev.to/andmd555/i-built-a-real-time-multiplayer-3d-ide-with-webrtc-voice-chat-and-ai-generation-from-scratch-4l5k
R: 1 / I: 1

stop using standard line height for small text

when you are working with tiny body copy , increasing the
line-height
to roughly 1.5 helps prevent the letters from feeling cramped. it makes a huge difference in readability when users are scanning dense blocks of information. too much white space can also ruin your rhythm so keep testing your vertical rhythm carefully.
R: 1 / I: 1

cyd stumpel's design evolution

just stumbled upon this piece abt cyd stumpel and how she balances client work w/ teaching. it is pretty cool seeing how she uses modern css and motion to keep her practice fresh. she focuses a lot on the idea of constant learning thru curiosity rather than just sticking to what works.
>the web is always changing
it makes me wonder if anyone else is finding that teaching actually helps them master new layout techniques faster . does anyone here use teaching or mentoring to stay updated on new animation patterns ?

more here: https://tympanus.net/codrops/2026/06/17/always-building-always-learning-cyd-stumpels-journey-through-the-modern-web/
R: 2 / I: 2

world cup ad trends

everyone is just dumping massive budgets on football icons and movie stars right now. it feels like brands think a celebrity face is the only way to win , but we need to focus more on genuine fan connection . does anyone else think this reliance on fame is getting repetitive a bit stale?

https://www.creativebloq.com/design/advertising/the-creative-trends-defining-world-cup-advertising
R: 1 / I: 1

mdn and scrimba are officially teaming up

fr the mdn curriculum is getting a huge upgrade by bringing in scrimba's interactive style. i wonder if this means we can finally move away from just reading documentation and start actually coding more directly in the browser

article: https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/
R: 1 / I: 1

Monitoring and optimizing website performance

Learn about reading network request waterfalls, identifying common network performance issues, and optimizing page rendering.

more here: https://developer.mozilla.org/en-US/blog/optimize-web-performance/
R: 1 / I: 1

bringing sprites back to css

i was digging through some old dev docs and realized we almost entirely forgot abandoned using spritesheets for web animations. everyone is just using lottie or heavy svg stacks now, but there is this super niche css function that makes the old-school spritesheet method actually viable again. it opens up so many possibilities for lightweight, high-performance motion without bloating the bundle size. it's basically free performance if u set it up right. does anyone else still use these for small ui micro-interactions or is it strictly a dead art form? i'd love to see some modern examples of this in action.

link: https://www.joshwcomeau.com/animation/sprites/
R: 1 / I: 1

stop using random font sizes for hierarchy

try setting a base font size of 16px and then using
em
units for everything else. it makes scaling your entire layout much more predictable when you need to adjust global proportions. it also prevents those nightmare margin issues on mobile ⭐
R: 2 / I: 2

vibe coding problem

just read smth abt how ai is basically just averaging out every site ever made, which makes everything look pretty but totally dead inside ]. we need to stop focusing on being perfect pixel-pushers and start adding that intentional friction that machines can't replicate. do you think it's even possible to stay relevant when prompt_output average_aesthetic?

link: https://webdesignerdepot.com/the-vibe-coding-crisis-is-web-design-becoming-a-commodity/
R: 1 / I: 1

css layout gaps

it feels like css is basically complete for most of our daily workflows now. but if you stop playing it safe and actually deep dive into the newer specs, youll find some pretty weird edge cases that still suck to solve. grid and flex cover 99% of stuff anyone else still struggling w/ specific alignment math?

article: https://master.dev/blog/whats-missing-in-css-layout/
R: 1 / I: 1

death of the grid system?

everything feels like it's moving toward a purely fluid, organic layout where the traditional column structure is becoming obsolete secondary to motion-driven composition. we are seeing more sites use depth and layering to create hierarchy instead of relying on rigid gutters or borders. i am noticing that typography is now acting as the primary structural element rather than just sitting inside defined containers. it feels like we are entering an era of asymmetric balance where white space is used to guide the eye through a non-linear path.
>the grid is no longer a cage, but a suggestion.
this shift makes the interface feel more alive and less like a static template. however, i do worry about how this affects accessibility for users who rely on predictable patterns. it's basically just chaos disguised as art if we lose the underlying logic entirely. what is ur take on using massive, overlapping type scales to define page structure without any visible dividers?
R: 1 / I: 1

top 50 websites grok is citing right now

just saw that spacex's s-1 filing shows 117 million people are using grok monthly. that is a massive chunk of the 550 million active users on x. it is getting harder to ignore how much this tool is shaping what people actually see online. i wonder if we should start optimizing specifically for ai scrapers instead of just traditional search. SEO as we know it might be dead . does anyone else feel like their current web design strategy is becoming totally obsolete? this scale is wild

link: https://ahrefs.com/blog/most-cited-domains-grok/
R: 1 / I: 1

why neutral branding is killing the vibe

JUST read this piece by shruti singhi abt how stripping culture out of design creates a hollow brand. it's basically arguing that the push for globalized, "safe" aesthetics is erasing the veryy things that make indian design interesting. we keep seeing this trend toward meaningful identity generic minimalism everywhere.
>design without heritage is just empty pixels

it makes me wonder if we are accidentally erasing our own creative DNA in an attempt to look "premium" for a global market. do you guys think true authenticity can even exist in a world of standardized design systems ?

full read: https://www.creativebloq.com/design/branding/when-you-strip-out-culture-you-get-a-hollow-brand-why-india-is-killing-the-design-game
R: 2 / I: 2

google serp layout shift

seems like ranking isn't always where you want it to be anymore. anyone else noticing a difference in click-thru rates from higher positions?

https://www.searchenginejournal.com/updated-serps-new-study-measures-the-serp-in-pixels-not-ranks-recap/577359/
R: 1 / I: 1

death of bespoke typography

fr every single modern landing page is starting to look identical because everyone is too afraid to move away from standard sans-serif stacks. we have access to incredible variable fonts that can adapt to any viewport, yet designers keep reverting to the same three grotesque faces. it feels like we are losing the expressive soul of web design in favor of pure accessibility and safety. using a heavy serif for headers isnt a crime against usability or a technical impossibility.
>typography defines the brand identity more than any grid system ever could
if you rely entirely on system fonts, you are basically letting the browser decide your visual hierarchy for you. we should be experimenting with weight distribution and optical sizing instead of just sticking to what is easy to implement. the real problem is that most designers prioritize a quick handoff over actual artistry . lets stop treating every project like it needs to follow the same bland, corporate template. we need to bring back some grit and character into our layouts.
R: 1 / I: 1

return of heavy borders

everything is becoming so minimal and soft lately that seeing high-contrast borders feels refreshing. i noticed a few portfolio sites moving away from subtle shadows toward a style that looks like neo-brutalism . it makes the hierarchy much clearer when you use thick black strokes to define your containers.
R: 8 / I: 8 (sticky)

What's new in web design?

Starting a discussion thread for /wd/.

This board focuses on Web Design. Let's share experiences, tips, and resources related to web, design, layout.

What are you working on? What challenges are you facing? Share your thoughts!

."http://www.w3.org/TR/html4/strict.dtd">