Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

ColorBox by Lyft Design

colorbox.io

Post reply on HN
Print view View original

1–10 of 88 posts

Re: ColorBox by Lyft Design

#2

Post by reaperducer »

I could have used this about six months ago when I was starting a new web site for a company with only a main brand color and no notion of accent or complimentary colors.

Definitely putting this in the resources folder for my next project.

Re: ColorBox by Lyft Design

#4

Post by shanecoin »

As a non-designer, I am finding it easier and easier to get something professional looking up. Couple this with Material-UI and a solid looking template and you could have a beautiful, custom landing page up a day.

There are obviously UX and other issues that I struggle to excel at, but from a simple, consumer-facing perspective, I see UI getting more and more manageable.

Re: ColorBox by Lyft Design

#5

Post by beowulfey »

This is a great tool! I have also recently started using a divergent color palette[1] when designing figures for publication, it's amazing how much nicer it looks than, for example, default color schemes in most graphing software...

Definitely going to bookmark this for future use.

[1] https://learnui.design/tools/data-color-picker.html#divergen...

Re: ColorBox by Lyft Design

#6

Post by rolltiide »

shanecoin wrote: post #4

As a non-designer, I am finding it easier and easier to get something professional looking up. Couple this with Material-UI and a solid looking template and you could have a beautiful, custom landing page up a day. There are obviously UX and other issues that I struggle to excel at, but from a simple, consumer-facing perspective, I see UI getting more and more manageable.

Same here, it is easy to impress your clients

Re: ColorBox by Lyft Design

#9

Post by dmix »

reaperducer wrote: post #2

I could have used this about six months ago when I was starting a new web site for a company with only a main brand color and no notion of accent or complimentary colors. Definitely putting this in the resources folder for my next project.

There's been quite a few options around if you Google color palettes. Adobe's color and coolors are some popular ones:

https://color.adobe.com

https://coolors.co

Or just use a good default like https://clrs.cc for base colors.

Color palette are always one of the first things to set up with CSS variables when starting a new project so you don't have to think about specific colors (or use the color picker) when building UI elements. ColorBox looks nice for adding the 1-10 shade variations (light->dark) for each color, which some of the palette sites downplay.

Post reply on HN