Design Inconsistency (Subjective Topic)

[A1X5H04]

First of all, I love yamada-ui, it gives me the old chakra ui vibes, and it is a good UI component library.

The explaination below is purely subjective, but I feel it could make the library more beautiful.

The issue with this library is that it is usually inconsistent with the design. The design also doesn't match the hype, where all of the component libraries are redesigning themselves due to the immense popularity of the shadcn-ui design library.

Shadcn-ui uses small typography and compact design system compare to the other component libraries, which gives it a modern and clean feel, and the way I am seeing all of the libraries moving to almost same system design feels like the shadcn-ui's design is acting as a base for all of the other component libraries. And I feel the same with the yamada-ui, most of the components are being redesigned with compact padding like the badges, checkboxes, etc (for atleast what I am seeing with the home-page and some of the components). But most of them still has the same design like the previous version, with a big text and huge paddings, while I respect the maintainers for what they are doing, I think that we need to update those components to match compact design like other libraries.

I feel that the compact design is new revolution in the component library for web.

[hirotomoyamada]

@A1X5H04

Hi, thanks for the issue!

What components differ from badge and checkbox components?

[A1X5H04]

Hi @hirotomoyamada

First of all, I love your component library, that is the reason, I have created this topic to make it even better, It's just my subjective opinion that some of the components are designed in such a way, I can give you an example:

You can see the button here doesn't look like it is from the same library, if you could compare it with 'code' component, you can see that the 'code' component has a small text and padding, while in the case of button (and other components) it has bigger tokens (padding, text-size, etc).

While, this isn't a issue but a design inconsistency (atleast for me), and it can be easily fixed in the code with the theming engine. I don't mind if it get updated or not, I just want to place my word for it. I love what you guys do and will always appreciate your work. Thank you for your wonderful library ❤️

[taroj1205]

Hi @A1X5H04
I think this is a very interesting topic, thanks for making a discussion about it.

While I definitely agree with making all UI components 14px in font size makes them look more attractive and consistent, the font size of input component must be at least 16px (iPhone zooms in if less).

I think buttons and inputs are common to be on the same page, and having a different font size would look weird.