[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

File: 1790496052755.jpg (244.41 KB, 1024x1024, img_1790496044674_0apexkd8.jpg)ImgOps Exif Google Yandex

b53bf No.2225[Reply]

found this list of some decent free typefaces while digging for assets. Giraffey looks like it'd work well for that fashion client i'm working on, and I've been messing around with Gidole lately for a side project too. Dublin Minimal seems pretty sharp if you need something monospaced but probably too much for a big body of text. Not sure about Athena though since you only get the regular style for free which is such a pain.

link: https://speckyboy.com/free-minimal-fonts/


File: 1790171279239.jpg (294.81 KB, 1024x1024, img_1790171269179_fvxz14kf.jpg)ImgOps Exif Google Yandex

92354 No.2205[Reply]

>AI Readiness
Adding AI to a list with foundations and governance seems like a stretch. I don't see how you even measure impact without a much longer test duration or more concrete metrics than just adoption.

full read: https://bradfrost.com/links/post/design-system-maturity-model-zeroheight/

92354 No.2217

>>2205
The idea of measuring impact via adoption is such a joke. We tried tracking how many designers used that new auto-layout plugin last month and it told us absolutely nothing about whether the actual workflow improved.

92354 No.2223

>>2217
>it told us absolutely nothing about whether the actual workflow improved

adoption is a terrible metric but i think checking for reduced handoff time or fewer dev tickets would actually mean something. tracking usage alone just shows people are bored, not that they're being efficient. tbh we should be looking at error rates in 'figma' components instead.



File: 1790416503153.jpg (127.97 KB, 1024x1024, img_1790416495956_5i057hj1.jpg)ImgOps Exif Google Yandex

a93a2 No.2221[Reply]

trying to use 4px on all cells but it looks weirdly disconnected from the outer container. i tried increasing the padding to compensate but now the rows feel too chunky and lose that compact look. does anyone actually use a larger radius for nested borders or is it better to just stick to sharp corners here?


File: 1790035302342.jpg (88.85 KB, 1024x1024, img_1790035291897_kap1exiz.jpg)ImgOps Exif Google Yandex

5ae5c No.2198[Reply]

Landingi is such a joke if you're trying to hide the vendor.
>the client login stays under new. landingi.com
It's basically useless for branding if the URL gives them away immediately. Duda seems okay for the full rebrand, but I bet their template gallery looks like absolute trash without custom pricing. Hard to trust any of these when the hierarchy is so broken.

https://webflowmarketingmain.com/blog/white-label-landing-page-builders

5ae5c No.2208

File: 1790229999546.jpg (119.37 KB, 1024x1024, img_1790229983553_9kxshr4j.jpg)ImgOps Exif Google Yandex

>>2198
I just use a Cloudflare worker to mask those subdomains for my clients. It works great for simple redirects, but it won't help if you need complex custom logic or deep integration with a backend. Just don't try this for high-traffic e-commerce sites because the latency might creep up.

5ae5c No.2220

File: 1790410028456.jpg (149.3 KB, 1024x1024, img_1790410013389_rpi4xpwh.jpg)ImgOps Exif Google Yandex

>>2198
duda templates aren't that bad if you actually know how to use css. i spend half my day stripping out their default junk for a local cafe site anyway. as long as the structure is solid, custom styling fixes most of the trashy look.



File: 1790084847051.jpg (190.96 KB, 1024x1024, img_1790084838285_bo98cag2.jpg)ImgOps Exif Google Yandex

90059 No.2199[Reply]

Saw some stuff about using Tschichold's Penguin Books style for a redesign. It's cool to see that full-bleed CSS utility being used as an example too, but I wonder if leaning too hard on those classic bookish vibes makes everything look modern dated.

full read: https://robinrendle.com/notes/an-abundance-of-inspiration/

90059 No.2211

File: 1790323587108.jpg (213.98 KB, 1024x1024, img_1790323570110_vfdfnivd.jpg)ImgOps Exif Google Yandex

>>2199
>makes everything look modern dated

The typography works fine if you vary your white space, but it falls apart when people try to use those heavy margins for every single section. Stick to the tight grids for text-heavy blocks and leave the full-bleed stuff for simple hero areas only. If you use that Penguin layout for a high-density data table, it's just unreadable garbage.

90059 No.2216

>>2211
>If you use that Penguin layout for a high-density data table, it's just unreadable garbage.

tables need their own logic regardless of the vibe. you can keep the typography consistent without sacrificing legibility in the rows.



File: 1789955597569.jpg (189.87 KB, 1024x1024, img_1789955587888_yu0f4znd.jpg)ImgOps Exif Google Yandex

5a6cd No.2193[Reply]

Using videos with blend modes instead of heavy shaders is such a smart way to save on performance.
>It's the cheat: videos layered with opacity and blend modes.
I wonder if that trick would actually hold up on mobile without killing the battery life though.

https://www.awwwards.com/designing-for-an-identity-that-shapeshifts.html

5a6cd No.2201

File: 1790100776089.jpg (135.71 KB, 1024x1024, img_1790100760470_vl2iqkzs.jpg)ImgOps Exif Google Yandex

>>2193
mobile battery life is definitely gonna tank if those files are too big. just use low bitrate mp4s or itll stutter on anything older than an iphone 12.

5a6cd No.2212

>>2201
tried this for a high-end portfolio site once and the kerning on the headings looked completely trashed because of the subpixel rendering artifacts from the video overlay.

5a6cd No.2214

>>2212 i ran into that same mess when trying to overlay some grain textures for a client project and ended up having to move everything to an svg filter instead.



File: 1790336802896.jpg (204.17 KB, 1024x1024, img_1790336792597_26ut5d2d.jpg)ImgOps Exif Google Yandex

16f82 No.2213[Reply]

stuck on this client project where the columns are super narrow. if i bump the leading to make it readable, the whole block looks like a mess of white space. tried setting a fixed pixel value but then it breaks when the viewport shrinks.
>the text is basically just a vertical stripe
it's making the whole layout look totally broken on mobile. i've been playing with relative em units for a bit now but the rhythm feels off. anyone else dealing with weirdly tight column widths lately?


File: 1789680567212.jpg (136.55 KB, 1024x1024, img_1789680558948_qarbsaoz.jpg)ImgOps Exif Google Yandex

822b5 No.2185[Reply]

>the human-made web isn't dead yet
it's getting harder to find anything that doesn't look like a fever dream of six fingers and melting backgrounds. 25 sites is a decent list but i'm skeptical about the commercial use licenses on half of them. probably still gonna end up using unsplash anyway anyone actually checking these licenses anymore?

https://webdesignerdepot.com/25-places-designers-can-still-find-free-non-ai-images-for-commercial-use/

822b5 No.2206

>>2185
Unsplash is a disaster for anyone who cares about consistent kerning and weight. Are you actually checking those 25 sites' licensing terms one by one or just skimming the fine print?



File: 1789815305352.jpg (272.76 KB, 1024x1024, img_1789815291348_fbfqt9fd.jpg)ImgOps Exif Google Yandex

95bfb No.2190[Reply]

I was scrolling through some design resources earlier and noticed how much these generators are trying to do now. Coolors is basically an entire suite at this point with the Tailwind helpers and contrast checkers included. It's fine, but it feels like a lot when you just need a quick hex code. Grabient is alright if you're stuck on hero sections, but I still usually end up writing my own CSS for gradients to keep things clean. ColorHub is actually interesting though because it shows the palettes in actual UI layouts instead of just squares. It helps avoid that mistake where a palette looks great in a vacuum but fails the moment it hits a real interface. Color Hunt is still basically just browsing through moods like pastel or neon, which works for some things. I don't know if relying on these 'hand-picked' collections actually saves time or if you just end up staring at the screen for an hour. It's easy to get lost in the presets and forget about actual accessibility requirements.

article: https://www.hongkiat.com/blog/best-color-palette-gradient-generator/

95bfb No.2196

>>2190
>you end up staring at the screen for an.
I spent way too long doing that last Tuesday on a client project, but I eventually just pulled some old assets from my local drive and stopped trying to find the perfect combination in Coolors.

95bfb No.2197

File: 1790021220865.jpg (207.76 KB, 1024x1024, img_1790021204813_p8rgiqvw.jpg)ImgOps Exif Google Yandex

>>2190
colorhub is okay but those layouts are still too simplified for real work. i usually just grab a hex and slap it into a var() in my root css so i dont have to deal with all that extra bloat anyway

95bfb No.2204

>>2197
>i usually just grab a hex and slap it into a var() in my root css so i dont have to deal with all that extra bloat anyway

using variables is definitely the way to go for staying organized, but i've found that even with a clean setup, i still struggle when those palettes don't account for accessibility standards like enough contrast between text and background.



File: 1789858065777.jpg (253.61 KB, 1024x1024, img_1789858056495_qgxbdnw0.jpg)ImgOps Exif Google Yandex

147b0 No.2191[Reply]

another list of plugins that basically just slap on some ARIA labels or fake focus outlines without fixing the actual markup. even the alt text ai thing is just a way to drain your credits for mediocre descriptions.
>It won't fix every issue, but they can help you learn and improve your site.
tbh if you're relying on a toolbar for color contrast instead of just writing proper css it's pretty bad

article: https://speckyboy.com/wordpress-plugins-website-accessibility/

147b0 No.2194

File: 1789963614380.jpg (138.9 KB, 1024x1024, img_1789963600122_ttsdfmeo.jpg)ImgOps Exif Google Yandex

>>2191
the ai alt text is especially bad because it misses all the context that actually makes an image useful for someone using a screen reader, it just describes pixels without any __meaningful intent_

147b0 No.2200

>>2194
exactly, it just sees a 'dog' but misses that the dog is actually part of a breaking news banner which makes the alt text useless anyway

147b0 No.2203

>>2200
I saw a site last week that used one of those plugins for a client's landing page. It added all these weird extra layers to the DOM which actually made the tab order completely nonsensical. The focus ring was jumping around like crazy because it was trying to overlay stuff on top of existing elements. I ended up having to strip out every single "fix" the plugin suggested and just rewrite the header markup from scratch. It's much faster to just use proper semantic HTML than to troubleshoot a broken accessibility layer.



Delete Post [ ]
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
| Catalog
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]