/wd/ - 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!

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

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

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/

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

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

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.

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 ⚠

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/

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.