Brand colors
Closed this issue · 13 comments
Add color presentation to the styleguide, e.g. https://www.lightningdesignsystem.com/guidelines/color or https://rizzo.lonelyplanet.com/styleguide/design-elements/colours.
Branch: https://issues-brand-colors-266--novicell-frontend.netlify.com/components/detail/colors.html
To-do:
@Dan9boi reference for colors attached. FYI @KimDolleris.
-
Det ville være smart, hvis man kunne lave et javascript, der kørte alle farvevariablerne igennem og genererede markuppen til at vise dem, så man ikke selv skulle tænke på det.
-
Det ville være smart, hvis man kunne udregne rgb- og cmyk-farverne ud fra HEX-farven (med en fractal-js-function eller lignende) i stedet for at man selv skal skrive dem (i json-filen)
Der findes online tools til at udregne fra rgb til pantone, så det burde vi også kunne automatisere.
Problemet kommer selvfølgelig, hvis DUX synes at pantonen skal være anderledes end det udregnede, fordi den så gør sig bedre på papiret eller lignende...
Har lavet et hurtigt (og derfor ikke særligt pænt) script, der tager alle variabler på :root der starter med
--color
hvis det kan være en regel..?
og så genererer noget html ud fra det (jeg har ikke testet i andre browsere end chrome)
https://codepen.io/trineb/pen/PxMwyG?editors=1111
Det kan man ikke helt bare sådan lige. For cmyk og rgb er 2 forskellige farverum. Det som en konvertering vil foreslå giver ikke nødvendigvis mening in real life - hvor cmyk jo hører hjemme. Så konverteringen vil sjældent være korrekt. På samme måde har pantone andre muligheder da det er forblandede farver som ikke, i trykprocessen, bliver blandet med andre farver for at give et resultat.
Det kan man også se i vores tilfælde. Men. Vi kan jo selv skrive dem i. :D
@tbb2 maybe we can auto generate parts of it (hex and naming) and add the rest manually (if needed). That way we avoid some duplication/replacing in css and data.
@magnify I don't like the idea that we have to edit both css and data to make a color - it will fail because of both sloppyness and alzheimers
Ok, can we pick one place to store it: data or css? :)
What about just using css + "hardcoded" html? Is it data we want to use elsewhere?
Heres a link to the brand colors branch:
https://issues-brand-colors-266--novicell-frontend.netlify.com/components/detail/colors.html
@daniel-doktor --color-blackberry should be removed?
@magnify Yes sir!
moved to first comment
@magnify I don't think we can pick one then - the colors have to be in the css obviously, but the cmyk and pantone have to be in data
I prefer updating data to updating hardcoded HTML
I can't see that it's possible to store data in only one place... would've been really nice though
Alright, let's keep it in css and data for now. Feel free to checkout the branch and give it a whack. :)