search

rsm-hcd / AndcultureCode.JavaScript.React.Components

Common atomically designed react components used at andculture
6 stars 8 forks source link

Plan work involved to design and implement base component styles #40

Open wintondeshong opened 4 years ago

wintondeshong commented 4 years ago

Gather all design resources required, create collection of github issues under the "Apply Melody Designs" github project

Resources:

alexgetty commented 3 years ago

@wintondeshong Is this referring to the library UI (like the sidebar, header, etc) or the component styles themselves? The component styles shown on that Invision board are actually from Fathom, which wasn't intended to be base styles for any component library (at least when I originally designed it).

I had started implementing a default style system into our version of the component library that could be of use here. It was designed to be minimal and easily overridden, either by changing variables within a global "design spec" scss file or by defining styles on a per-component basis. This allows global styles to be changed quickly and easily project-wide, but also have total control to override anything when needed.

wintondeshong commented 3 years ago

@wintondeshong Is this referring to the library UI (like the sidebar, header, etc) or the component styles themselves? The component styles shown on that Invision board are actually from Fathom, which wasn't intended to be base styles for any component library (at least when I originally designed it).

I had started implementing a default style system into our version of the component library that could be of use here. It was designed to be minimal and easily overridden, either by changing variables within a global "design spec" scss file or by defining styles on a per-component basis. This allows global styles to be changed quickly and easily project-wide, but also have total control to override anything when needed.

Yeah, calling out the use of Melody was an initial misunderstanding. Brad brought up that what we were referring to was really only a style to the actual hud/UI for the component library (in this case storybook).

As for next steps, it would be great to get a base component style created so we could have a great jumping off point on projects while final designs are being created and implemented.