search

cfpb / design-manual

⚠️ THIS REPO IS DEPRECATED ⚠️ A set of design principles and standards for the Consumer Financial Protection Bureau.
https://cfpb.github.io/design-manual/
Creative Commons Zero v1.0 Universal
98 stars 71 forks source link

Document the color generation process #505

Closed jimmynotjim closed 6 years ago

jimmynotjim commented 6 years ago

I know I won't have time to do this before I leave, but maybe someone else can, or I can when I get back. The gist of it is to

  1. take the table of colors from George and Natalia's colors doc, convert it to CSV, and save it to https://github.com/cfpb/design-manual/blob/gh-pages/_data/cfpb-brand-colors.csv
  2. Run npm run colors, this will auto-generate a new brand-palette.less file https://github.com/cfpb/design-manual/blob/gh-pages/src/static/css/brand-palette.less
  3. Run grunt build (you may need the -f flag because of linting issues)
  4. Run npm start and check /design-manual/brand-guidelines/color-principles.html locally
  5. Commit the changes and open a PR.
cfarm commented 6 years ago

question for designers especially @designlanguage and @nataliafitzgerald: instead of updating the google doc .csv file, can we just keep updating the colors in the Design Manual .csv*? Is that easier?

*This is how @nataliafitzgerald made changes for her PR here https://github.com/cfpb/design-manual/pull/504

nataliafitzgerald commented 6 years ago

Yes, I think updating the Design Manual .csv is easier but not sure of what the logic was with maintaining the Google Doc .csv file instead. I actually made the changes locally to the Design Manual .csv and then updated the Google Doc after the fact.

jimmynotjim commented 6 years ago

Finally opened a PR for this.