[ 🏠 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

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: 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

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

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: 1 / I: 1

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: 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

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

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

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

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: 1 / I: 1

how we tackled heavy motion in webflow for horeca

found this breakdown on how they managed all those scroll animations and sticky layouts w/o killing wrecking the site speed. it covers everything from mobile optimization to building a basically bulletproof production architecture. does anyone else find that managing complex interactions in webflow always ends up being a massive headache for mobile performance?

found this here: https://tympanus.net/codrops/2026/06/10/building-horeca-advanced-motion-design-in-webflow-without-the-performance-trade-offs/
R: 1 / I: 1

fluent bit guide for cncf contributors

found this series that breaks down everything you need to start contributing to fluent bit. it covers why certain topics matter and gives a roadmap for actually getting hands-on with the project. has anyone else tried working on _cnc_f projects before?

article: https://dzone.com/articles/fluent-bit-beginners-guide
R: 1 / I: 1

swapping pngs for hashes in our visual tests

our graphics team finally ditched that massive 18gb repo of golden images for something way more efficient. instead of doing a pixel-by-pixel diff, we now just compare MD5 hashes stored in a tiny 19kb json file. it is insanely much lighter on our embedded hardware since we arent processing huge files every time.
>the old way was such a bottleneck
it basically turned our entire test suite into just a bunch of string comparisons . does anyone else still deal with heavy image assets in their automation, or is everyone moving toward this kind of hashing approach?

article: https://dzone.com/articles/visual-regression-frame-buffer-hashing
R: 1 / I: 1

death of grid systems

everyone is still obsessed with strict column structures like it's the only way to maintain order. we have reached a point where fluid organic layouts actually drive more engagement than any rigid bootstrap setup ever could. these new generative spatial frameworks make traditional grids feel stifling and outdated.
>the grid is just a cage for creativity
most designers are too scared to break the alignment because they fear losing their jobs to automation . we should be embracing the chaos of non-linear typography instead of clinging to perfectly aligned predictable patterns
R: 1 / I: 1

found a decent list of 20+ free geometric fonts

stumbled on this collection of free geometric typefaces earlier. there is a good mix of minimalist vibes and some really heavy, bold options if you need impact. it covers everything from super clean layouts to more aggressive styles for branding. most of them are easy to pair with sans-serifs . i am currently looking for something modern and sharp for a new ui project. does anyone have a favorite go-to geometric font that isnt just another circle-based cliche?
>it is getting hard to find unique weights lately.

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

8 scroll effects to try

found these 8 css and js snippets that add some smooth motion without being super annoying. **do you think parallax is officially dead

found this here: https://speckyboy.com/scroll-effects-utilities-css-js-snippets/
R: 1 / I: 1

stop using standard sans-serif for everything

try pairing a heavy display typeface with an ultra-light sans to craete instant hierarchy. it makes even the simplest layouts look premium ⭐
R: 1 / I: 1

centered text with container-type queries

modern layouts benefit from letting children respond to their own width rather than the viewport size. using
container-type: inline-size;
allows u to create components that are truly modular and independent of the global grid. this prevents the common issue where a sidebar widget breaks bc it's moved into a wider column.
>the future of responsive design is component-driven, not page-driven.
instead of writing hundreds of media queries for every possible breakpoint, u can use @container to adjust font sizes and padding locally. it basically makes the viewport irrelevant for nested elements which simplifies ur stylesheet significantly. stop relying on global window width and start using local context.
R: 1 / I: 1

stop using pure black for text

fr instead of using, try a very dark grey like
#1a1a1a
to reduce eye strain. it makes the visual weight of ur typography feel much more natural on high-brightness screens. **pure black often creates a harsh contrast that feels dated
R: 1 / I: 1

The Making of the New Lesse Studio Website: Clarity, Performance, and

What rebuilding the Lesse Studio website taught us about self-hosting, performance, and choosing tools with intention.

link: https://tympanus.net/codrops/2026/06/05/the-making-of-the-new-lesse-studio-website-clarity-performance-and-intentionality/
R: 1 / I: 1

serif vs sans-serif for long-form reading

i am struggling to find a balance between legibility and visual character for this new editorial project. the current layout feels a bit too sterile using only sans-serif fonts, but i am worried that a heavy serif might distract from the primary content .
> "typography is the foundation of the entire user experience"
does anyone have recommendations for a pair that feels modern but still carries some weight? i am secretly leaning towards something very old-fashioned
R: 1 / I: 1

generative layouts are killing the craft

the new automated grid systems make everything look too perfect and sterile. we are losing the human touch that comes from intentional, slightly imperfect spacing. it is just math pretending to be art
R: 1 / I: 1

houmahani kane's creative dev journey

just stumbled across this writeup about how houmahani kane went from being self-taught to handling actual client projects. it covers some pretty cool details on how she builds her interactive stuff and the hurdles she hit along the way. the transition from hobbyist to professional seems like the hardest part . anyone else find that the jump to real client work is where the real learning happens?

link: https://tympanus.net/codrops/2026/06/03/forging-her-own-path-houmahani-kanes-journey-in-creative-development/
R: 1 / I: 1

modern way to handle intrinsic aspect ratios

stop using padding-top hacks for responsive containers. the aspect-ratio: 16 / 9; property is now the standard for maintaining proportions without extra math. it works perfectly for images, video embeds, and even custom card components.
>it simplifies your entire css architecture by removing unnecessary pseudo-elements.
just remember to set a width or max-width so the element doesnt stretch infinitely across the viewport. this makes managing the dreaded layout shift during loading much easier ⚡
R: 2 / I: 2

quick breakdown on webhooks

i was digging through some api docs and realized how much we rely on webhooks to keep everything synced up . basically, they act like automated messengers that push info between apps, like when paypal triggers a notification in your ledger. it's way more efficient than constant polling but does anyone else find setting up the endpoints a bit of a headache pain lmao?

link: https://zapier.com/blog/what-are-webhooks
R: 1 / I: 1

brutalist typography experiment

lets try building a landing page using only one single font family and varying weights to create depth. focus on extreme scale shifts and overlapping text layers to push the boundaries of hierarchy.
>no images allowed
use css grids to force the chaos ⚡
R: 1 / I: 1

top 50 cited sites in perplexity

just saw the list of the most-cited sites on perplexity and it's wild how much an answer engine can shift traffic away from traditional search. do you think seo is officially dead if people only see the linked references in the top response?

more here: https://ahrefs.com/blog/most-cited-domains-perplexity/
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!
R: 1 / I: 1

centering text with clamp for fluid typography

using font-size: clamp(1rem, 5vw, 3rem); makes ur headings scale perfectly btwn mobile and desktop w/o manual media queries. it keeps the visual rhythm consistent across all viewport sizes. stop using fixed pixel values for everything and let the browser handle the math.
R: 1 / I: 1

ai overviews aren't the death of traffic

everyone is acting like ai overviews are the end of organic reach, but it feels exactly like the 2017 featured snippet panic. instead of losing clicks, we just need to pivot to optimizing for the summary rather than just the link. we've survived every major algorithm shift so far so why is this one different?

https://blog.hubspot.com/marketing/what-ai-overviews-mean-for-seo
R: 1 / I: 1

webflow cloud update

just saw that you can finally run apps on separate domains w/o needing a full site attached. it uses the same deployments and logs were used to, which is super convenient for standalone tools. finally goodbye to the messy site-subdomain setup anyone else planning to move their backend logic over?

link: https://webflowmarketingmain.com/blog/cloud-apps-without-sites
R: 2 / I: 2

web design tools showdown

which is better: adobe xd or sketch for layout and typography?
adobe XD offers a robust set of prototyping features, making it great
>for collaborative projects. Sketch excels in vector editing with its vast symbol library but can be steeper to learn.
choose wisely!
R: 1 / I: 1

font pairing for dark mode landing pages

i am struggling with legibility on a dark interface. the current serif for headings feels too delicate against the deep charcoal background. does anyone have recommendations for a heavier weight sans-serif that works well with a classic serif? i might just switch to a single typeface family
R: 1 / I: 1

responsive images matter ⭐

when optimizing web design for performance without sacrificing visual quality, use
<picture>
and
srcset
attributes in html to serve different image sizes based on device. this reduces load times by serving smaller files where possible while maintaining high resolution displays' ability.
for example:
<picture><source srcset="image-webp.webp" type='''webpatype''' /><!-- add more sources for other formats/devices if needed -->[code]<img alt=''YOUR ALT TEXT HERE ''

src="/path/to/fallback. jpg"
width=400 height="325"
>
</picture>[/code]
this approach keeps ur designs looking great and helps users on slower networks or older devices.
R: 1 / I: 1

future of emotional tech

what if personalized digital spaces could help us navigate tough emotions and boost self-awareness? sounds like a game-changer, but are we ready to embrace it fully in our designs!

link: https://tympanus.net/codrops/2026/05/30/the-future-of-emotional-technology-comfort-websites-for-growth-and-self-awareness/
R: 1 / I: 1

web design trends that are here to stay

responsive typography, it's not just a buzzword anymore but an essential part of modern web development practices, ensuring text readability across all devices. as screen sizes vary widely today - phones from 320px up to tablets and desktops at over two meters in width - the challenge is adapting font sizing so that content remains readable on any device.
moreover,dark mode has become a standard feature for many websites due not only because it can reduce eye strain but also as an energy-saving measure. users appreciate the option, with studies showing up to 75% preferring dark themes during night browsing sessions over time.
>while implementing these features might require more initial effort in development and testing phases compared traditionally designed sites; they ultimately lead towards a better user experience across platforms.
in conclusion,designing for accessibility, including color contrast ratios that meet wcag guidelines, will not only make your site usable by everyone but can also enhance the overall aesthetic appeal of web pages. it's no longer just about looking good - good design now means being inclusive and functional on all devices.
accessibility: key to future-proof designs
by prioritizing these elements in our work today we ensure that websites remain relevant tomorrow, meeting both current user expectations as well technological advances shaping the digital landscape ahead of us.
R: 2 / I: 2

why do so many designers still struggle to balance aesthetics vs

>ime, a well-structured layout can enhance both readability and user flow. typography plays a crucial role here. what's your take on this debate?
do you believe aesthetics should always come first?
or is it better to make sacrifices in design style if the overall usability improves significantly for users?
is there ever an excuse not to optimize text legibility over decorative fonts and graphics, even at a slight cost of visual appeal?~
this discussion needs your input
R: 1 / I: 1

a new trend in web design

ive noticed a growing preference for minimalist layouts that still pack punch with just enough visual interest. its fascinating how designers are finding ways to communicate more clearly using less, making pages both cleaner and easier on the eyes without sacrificing functionality or engagement
R: 1 / I: 1

web layout trick for better readability

if youre working on a responsive design and want to improve text legibility at smaller screen sizes while keeping things visually appealing, try using vw units in conjunction with media queries.
for example:
[code]h1 { font-size: 6vh; }

p {
@media (max-width :700px) {font-size:4.5vmin;}
}[/code]
this approach ensures headings are large enough to be noticed, while body text remains comfortable for reading on smaller screens without looking oversized or cramped in larger ones.
> also check out font-display option if you're using custom fonts - it helps with fallbacks and loading times
__note: test across devices as vw/vmin can behave differently based on browser support
R: 1 / I: 1

web design challenge with typography

im working on a project where i need to use multiple fonts but want them all to look cohesive and modern without looking too cluttered. any tips or resources for pairing typefaces that work well together? also, do you have suggestions for tools like google font explorer or other sites/iOS/Android apps useful in this process?
ive tried a few combinations from the webfont site which looked promising but didnt quite hit my mark on readability and uniqueness when put side by side. looking forward to hearing your thoughts!
R: 1 / I: 1

aaron erickson on ai reliability

ngl aaron's talk was all 'about shifting focus - from that vibe-checking stuff to building solid, multi-agent systems. he talks about blending precise guardrails with smart discovery agents and optimizing hierarchies.' i'm curious - how do u balance those two approaches in ur projects?

full read: https://www.infoq.com/presentations/ai-platforms-reliability/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global
R: 1 / I: 1

machine-first architecture

i stumbled upon this neat concept of building websites w/ machines in mind first - it turns out making sites that robots can easily parse and use actually benefits humans too. i'm curious, has anyone tried implementing these techniques on a personal project? share your experiences!

link: https://www.searchenginejournal.com/machine-first-architecture-how-to-build-websites-machines-can-identify-read-cite-use/574431/
R: 1 / I: 1

building a scroll-driven 3d cube gallery in webflow with gsap

i found this awesome step-by-step guide on how to create one using gsap animations and cms-powered contents. it's pretty cool, but i'm curious about anyone's experience or tips when working with complex transitions like these!

more here: https://tympanus.net/codrops/2026/05/26/building-a-scroll-driven-3d-cube-gallery-in-webflow-with-gsap/
R: 1 / I: 1

web design wizardry ⚡

try this out for size - can you craft a webpage where every element's position and color changes based on mouse movement, w/o using any javascript libraries? it's all abt pure css magic! give your creativity free rein.
>start small with simple shapes first to get the hang of relative positioning via hover effects alone._use :hover pseudo-classes creatively for initial stages.
R: 2 / I: 2

thinking through obys' new identity & site redesign:

i was curious to see how they merged type, motion + structure for a cohesive experience. any insights on their approach?. yeah.

article: https://tympanus.net/codrops/2026/05/14/designing-ourselves-the-new-obys-identity-and-website/
R: 1 / I: 1

20+ best project proposal templates for indesign

found this awesome collection of free and premium adobe indesign business template packs that rly stand out! i'm curious if anyone has used any specific ones w/ great results?

article: https://speckyboy.com/proposal-print-templates-mockups/
R: 1 / I: 1

css grid vs flexbox for layout

css-grid is great when you need a complex and responsive design with multiple rows or columns that change based on screen size. it's perfect if
>you have an intricate page structure where items can shift around dynamically<, but might be overkill unless your project has such needs.
flex-box remains the go-to for simpler designs needing to stretch/shrink content within containers while maintaining alignment and order; its simplicity makes code easier to write and maintain.
R: 1 / I: 1

web design trends

minimalist designs continue to dominate with their clean lines and focused approach, making pages easier on both eyes and processing power. less isn't just more; it's faster too - a win-win for user experience.
focusing solely
>on essential elements helps reduce clutter while enhancing readability through larger font sizes and generous spacing.
typography plays a crucial role in this aesthetic: sans-serif fonts are faovred due to their simplicity, legibility across devices from mobiles up.
R: 1 / I: 1

webflow aeo is now live

hey everyone! i JUST stumbled upon webflows new aeo feature and had to share. its basically like having little bots that monitor how your brand shows up in online searches, giving you tips on what needs tweaking based off of actual AI responses.

im super excited because this means no more manual digging through search results - now everything is natively integrated into webflow! i think the best part will be getting those prioritized recommendations and implementing them quickly. does anyone else out there already using aeo see some major improvements?

also, any thoughts on how it might change our workflow or design process in general with ai playing such an active role here?

thoughts?

article: https://webflowmarketingmain.com/blog/introducing-webflow-aeo
R: 1 / I: 1

designing for readability in a cluttered web

sometimes it's easy to get lost with all those fancy animations and interactive elements, but don't forget about readability. if you're designing layouts that prioritize visual flair over text clarity , your content might as well be written on water.
try this: make sure the contrast between background colors & fonts is at least 450 in luminosity difference (that's a real number for those interested). it helps to use tools like webaim. orgs color checker which gives you both text and bg values.
also, consider using serif or '''sans-serif typography depending on the context but make sure they are legible at all sizes users might view your site with.
lastly, don't be afraid to use white space! it can help guide readers through content without overwhelming them ⚫.
> remember: good design is about making information easy and enjoyable for people.
R: 1 / I: 1

what did webflow builders cook up with ai code components?

someone created a dynamic weather widget that updates in real-time using api calls! it's like having an open window into any location. wonder how many more creative uses we'll see next? will anyone replicate the newsflash effect from last year and make something even cooler this time around?

https://webflowmarketingmain.com/blog/ai-code-components-community-builds
R: 1 / I: 1

how to switch up webflow's default order email with a totally custom

you can actually use sendmail in combination with cloudflare workers for this. i set it all up and now my emails look exactly how i want them! wondering if anyone else has tried something similar or faced any issues?

more here: https://webflowmarketingmain.com/blog/order-confirmation-emails-webflow-sendgrid
R: 1 / I: 1

full-text search in webflow using elasticsearch & route handler

got tired of users asking "how do i make my site searchable?" so dug into it and found a neat way to add full text searching w/ elasticsearch + webflow clouds built-in routes. just set up an elastic instance, connect your db there, then use the route builder in webflow for easy queries!

article: https://webflowmarketingmain.com/blog/elasticsearch-webflow-cloud
R: 1 / I: 1

simple web design tips for beginners

if you're just starting out in this wild world of coding and designing websites (i mean like, rly lost here), give these a shot: always keep things clean w/ simple html5 structure. it might seem obvious but trust me - less is more when building your first site!

more here: https://webflowmarketingmain.com/blog/web-design-for-beginners
R: 1 / I: 1

advanced tree counting with sibling-index() & sibling-count()

i stumbled upon these neat functions the other day while fiddling around in css! they're basically a shortcut to create those staggered grid effects without having to write out all that nth-child nonsense. imagine being able to do it for any number of items, from 5 up until infinity. pretty cool right? anyone tried them yet and want to share their experiences or maybe show off some examples with these in action?

full read: https://smashingmagazine.com/2026/05/mathematical-layouts-sibling-index-sibling-count/
R: 2 / I: 2

comparison of grid-based vs responsive design approaches in web layout

ngl both methods have their pros but differ significantly when it comes to flexibility & device support
grid systems offer a structured approach with predefined columns and rows. this can make designs cleaner initially, ensuring consistent spacing across the site [1]. however, they might feel rigid for some layouts.
responsive techniques adapt content based on screen size using media queries
@media (max-width: 768px) { /&#039;&#039;styles&#039;&#039;/ }
> while more complex to implement upfront , this approach ensures a seamless experience across all devices.
choose grid-based if you prioritize initial design aesthetics and simpler projects, or go responsive for broader device compatibility in modern web development [2].
R: 1 / I: 1

typography trick to make legible headings on dark backgrounds

use a high contrast color or gradient for text over darker bg colors
>try this: h1 {color:;}. adjust the hex value as needed.
R: 2 / I: 2

color palette generators

i found these 5 sites super handy when i need to whip up a color scheme or test out combinations fast! some of them even let you build gradients directly in the browser. which one do y'all prefer? any other cool tools u'd recommend for quick design tweaks on-the-fly?
> tried gradientify but found it lacking, anyone else have issues with that site too?

feel free to share your favorites or hit me up if youve got tips!

https://www.hongkiat.com/blog/best-color-palette-gradient-generator/
R: 1 / I: 1

comparison of grid vs flexbox layouts in web design

grid layout is great for complex responsive designs offering a more rigid structure making it easier to control how elements are arranged on different screen sizes without using media queries as frequently.
flexbox however excels with simpler, fluid arrangements and aligning items along one axis - either horizontally or vertically - and handles dynamic content resizing better by default compared [to grid].
R: 1 / I: 1

scroll-driven webgpu pipeline at shader.se - how they pulled it off

i was blown away by the seamless transitions! did anyone else find setting up shaders a bit tricky?

more here: https://tympanus.net/codrops/2026/05/19/80s-business-tech-seamless-scene-transitions-inside-shader-ses-scroll-driven-webgpu-pipeline/
R: 2 / I: 2

thoughts from the trenches

sometimes i wonder if my design workflow is holding me back more than it's helping. got any tips on streamlining without sacrificing quality?
>i've tried automating some parts but need help figuring out where to cut and simplify further.

more here: https://webdesignernews.com/why-your-design-workflow-is-your-business-bottleneck/
R: 1 / I: 1

use flexible grid layouts

when designing responsive sites avoid fixed widths to ensure elements adjust smoothly across devices key keep gutters consistent for a polished look
grid-template-columns: repeat(auto-fit,minmax(20px,1fr))
R: 1 / I: 1

web design trends shifting towards more inclusive typography choices

typography that supports diverse languages is becoming essential for global accessibility a game changer in user experience (ux) layouts are adapting to accommodate these changes while maintaining readability and aesthetic appeal. consider exploring fonts like nunito or montserrat which offer wide language support w/o sacrificing style. try integrating them on your next project!
R: 1 / I: 1

make typographic harmony easy

typography can be tricky but using a simple trick makes it easier to achieve visual balance in headers and paragraphs: match font weights between headings & bodies!
for instance if u're working with open sans choose regular for headlines and 300 or lighter weight as ur body text. this subtle difference creates readable, harmonious content without overpowering the design.
also try using a single typeface family that offers several styles (bolds/itals) to keep things cohesive across header levels & paragraph texts.
note on weights
remember not all fonts offer many different font-weights so choose wisely and test readability.
R: 1 / I: 1

fixing text alignment in flex containers ⚡

to center-align or justify content within a flex container without using extra classes:
[code].item { align-self:center; }
[/code]
or for full justification across items use
justify-content:flex-end
on the parent.
R: 1 / I: 1

think is ai really taking over?how does it affect our site's traffic?

ive been playing around with some new chatbots on my blog lately - did anyone notice a change in their own stats after integrating AI tools like these prompts suggest?
> have you tried any cool plugins or integrations that impacted your analytics differently than expected recently too?

article: https://blog.hubspot.com/marketing/is-ai-killing-web-traffic
R: 1 / I: 1

using flexbox can simplify responsive layouts

responsive layout example
html:
&lt;div class=&quot;container&quot;&gt;[code]&lt;section&gt;main content&lt;/section&gt;

sidenav or ad space
&lt;div&gt;

css:[/code]. container { display:flex; }
section, aside{flex-grow:.5;} this makes main and sidebar grow equally
- this approach keeps ur layout clean
R: 2 / I: 2

experiment in extreme contrast

try using a single color for text on both light & dark backgrounds to see how it affects readability and aesthetics across devices. post results!
>include screenshots if you can
R: 1 / I: 1

how do i make a visually appealing landing page that converts visitors

lowkey >focus on clear calls to action
use contrasting colors for buttons
CTA button placement research shows it works best at the top right or bottom center
optimize form length without sacrificing information needed
avoid overly complex layouts with tooo many elements~
R: 1 / I: 1

css grid 102 - when to use it vs flexbox

if youre laying out items in one direction (row or column),flex is the way to go bc of its simplicity. but if u need a layout that spans both directions - rows and columns - its time for css grid. got any tips on mastering grid?

full read: https://dev.to/armorbreak/css-grid-complete-guide-to-modern-layouts-385d
."http://www.w3.org/TR/html4/strict.dtd">