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

/ui/ - UI/UX Lab

Interface design, user experience & usability testing
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1790365578224.jpg (140.18 KB, 1024x1024, img_1790365568512_yn75m47t.jpg)ImgOps Exif Google Yandex

71909 No.2207

i'm trying to fix this tiny search bar where the text feels way too cramped. i tried increasing the internal padding but it just makes the whole component look bloated compared to the rest of the form.
>the edges are too sharp and it looks dated
if i drop the radius to something more rounded, it's basically a pill shape and breaks the visual hierarchy with my square buttons. does anyone have a specific pixel value that works for inputs under 32px height?

71909 No.2221

>>2207
i ran into this exact same mess with a fintech dashboard last month where the tiny inputs looked way too aggressive because of those sharp corners, and i ended up sticking to just 2px or 3px so it felt more intentional without turning into a pill shape.


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]