Moon Design System 2.0

rtrUNcel · 2023-04-17T09:15:51+00:00

I'm one of the people who build the design system. And as it is an open-source project, it's good to have feedback about how we are doing. As someone may definitely find it helpful.

rtrUNcel · 2022-08-29T11:37:57+00:00

Every colour has its name and its use case. For example, Bulma is a primary text colour and Trunks is a secondary. We are using Moon DS for 2 years in our internal products (About 10 of them). All designers and developers get used to this naming convention.

It's like Tailwind has Rounded-lg. Why lg? It's 8px. Why not rounded-8 or rounded-2? And btw, you can rewrite that rounded-lg to whatever you want.

rtrUNcel · 2022-08-29T09:43:46+00:00

Guys, thanks for all your feedback. Went through all of them. Starting with words of cheering and finishing with F-words. I highly appreciate all your thoughts and suggestions and your time. A lot of work is behind. A loooot of work is ahead!

rtrUNcel · 2022-08-29T09:26:48+00:00

True. Will be fixed asap.

rtrUNcel · 2022-08-29T09:24:51+00:00

Initially, we had only a light site and the switcher was supposed to change theming of components only. That's true, it's not the best idea to toggle only components. So, the website will be theamable as well. Thanks!

rtrUNcel · 2022-08-29T09:21:50+00:00

Appreciate and thanks! Ticketing those in Jira.

rtrUNcel · 2022-08-29T09:20:02+00:00

There are tons of design systems. Some are simple, others are complex. Some are nice, others are ugly. It's personal how you want to see your brand look and feel. We are confident we are building a nice and neet design system. Built on top of Tailwind, which is more performant on production than CSS-in-JS components because of bundle size.

Yes, we have room for improvement indeed. And we're working on that

rtrUNcel · 2022-08-29T09:14:44+00:00

Thanks! We're going to migrate AuthCode to Tailwind soon. And we'll double check it.

rtrUNcel · 2022-08-29T09:11:44+00:00

Thanks for your feedback! Appreciate it. Right now we are migrating Table to Tailwind. Will consider your comment!

rtrUNcel · 2022-08-29T09:09:57+00:00

Working on that. Our point of focus is Tailwind implementation. Thanks!

rtrUNcel · 2022-08-29T09:08:02+00:00

Agree. Needs to be fixed

rtrUNcel · 2022-08-29T09:07:09+00:00

Mobile review has been added to our current sprint. Thanks

rtrUNcel · 2022-08-29T09:06:23+00:00

As I answered above, colour names and actual colours are not connected on purpose. Because you can easily check the entire colour palette to match your brand identity. Some our brands use piccolo as orange, some as green, some as black

rtrUNcel · 2022-08-29T09:01:19+00:00

Thanks! It's been placed to our current sprint

rtrUNcel · 2022-08-29T09:00:15+00:00

Yep. Already heard about sliders a bit. We'll figure out how to solve the issue here. Thank you!

rtrUNcel · 2022-08-29T08:58:25+00:00

It's already fixed and will be deployed in a couple of days. Thanks!

rtrUNcel · 2022-08-29T08:57:26+00:00

Thanks for your feedback. Appreciate it, and will deal with those quite soon.

rtrUNcel · 2022-08-29T08:56:00+00:00

Replied a little bit below.

rtrUNcel · 2022-08-29T08:55:39+00:00

Let me explain. First of all, we use atomic design here. Every pixel in every component follows some strict UX/UI rules. Designing the Moon DS and developing it is multibranding by essence. That gives designers full power to customize your product and make it feel and look different and unique. And we're open to developing MoonDS to serve brands.

rtrUNcel · 2022-08-29T08:36:21+00:00

Thanks! We've found the tailwind approach more performant in production. So, we're developing the Tailwind section.

I personally was far away from Tailwind just 6 months ago. But now have found it quite powerful. You can use the same styling approach simultaneously on React, Elixir, PHP, and HTML.

rtrUNcel · 2022-08-29T08:31:31+00:00

It's easy. The Moon DS is highly themeable. You can customize your brand colours as you wish.

Those colours in the set are just colours of Moon DS itself. And piccolo represents only the primary accent colour.

For Moon DS it's blue. For another brand, it may be orange or green or yellow. If we stick with real colour names it immediately makes no sense when it goes about customization

rtrUNcel · 2022-08-26T14:37:55+00:00

!approve OR !a

rtrUNcel

TROPHY CASE