Eigen product & kleurtools
HueKit
Het kleurlab voor ontwerpers en developers: converters, generatoren en een bibliotheek van honderden kleuren, allemaal rekenend op je eigen apparaat. De kleur die je intikt gaat nergens heen.
Het vraagstuk
Eén conversie is nooit het hele antwoord.
Alleen al "hex to rgb" staat in ons keyword-onderzoek op 49.000 zoekopdrachten per maand. Toch is het aanbod zwak: trage pagina's waar het antwoord begraven ligt, en die één omzetting geven waar je er vijf nodig hebt.
Want wie een hexcode omzet naar RGB, wil daarna vaak ook de HSL-waarde voor een CSS-variabele, de CMYK voor drukwerk, een paar tinten lichter en donkerder, en het antwoord op de vraag of er zwarte of witte tekst overheen kan. Dat zijn vier of vijf verschillende sites.
De kans lag dus niet in nóg een converter, maar in het volledige antwoord in één keer, op één scherm, zonder wachten.
De aanpak
Chromatic Lab: wit canvas, één spectrum.
Het werk
De kleur van de gebruiker staat centraal.
Grote, tastbare swatches die je aanklikt om te kopiëren, Space Grotesk als instrument voor de koppen, en elke waarde in monospace zodat een hexcode eruitziet als iets dat je kopieert.
Het resultaat
Het volledige antwoord, op één scherm.
HueKit telt 254 gecureerde kleuren met elk een eigen referentiepagina, veertien conversieroutes en vijf generatoren en checkers: 279 statische pagina's die vanaf de edge serveren, zonder server-runtime.
De dataset is één bron van waarheid: de sitemap, de OpenGraph-afbeeldingen en de onderlinge links tussen kleurpagina's worden uit dezelfde lijst afgeleid, dus groeit de bibliotheek, dan groeit alles mee. En de palet-extractor leest je afbeelding met de canvas API, op je eigen apparaat: het beeld gaat de browser niet uit.
Gecureerde kleuren met eigen pagina
Statische pagina's, gebouwd bij de build
Conversieroutes plus generatoren en checkers
Runtime-dependencies: next, react, react-dom