Verzameling van merkkleuren van deidee, projecten en opdrachtgevers. Sluit aan op BrandColors.

Installatie

npm i @deidee/hetpalet

Gebruik

@import "@deidee/hetpalet/scss/hetpalet";

.allrgb {
  background-color: $bc-allrgb-red;
}

Merken

• 2600.nl
• Alexander Christiaan Jacob
• allRGB
• Alternative Art Guide
• ANBI collectief
• Anonymous.Social
• Apple Beard Condom
• A World of Spam
• Bestemming Onbekend
• Bruno Uno Studio
• deIdee, et al.
• DOVA
• Fond of Fonts
• Fragile Minds
• Galerie Helder
• Gillende Keukenprins
• Grid.sexy
• Hollandsche Waaren
• Isoboosterspecialist
• Legend Arb Training
• Mimesia
• Mimesia Gallery
• Morère Coffee
• Myrthe Deluxe
• Netplasticism
• Nikola Mikael Ruben Benjamin
• Nine Mia Jade Yasmine
• The One-Thousand Drawing Pension Plan
• Orange IT
• Presstige
• Prosecco Friday
• PXA Isobooster
• Sarah de Man
• Site in a Second
• Soemo Fine Arts
• The Fashionweek
• Toon den Heijer
• Uitvaart Vergelijker
• UNlimiter
• Werkgroep de Nieuwe Mens
• Zazoo

TODO:

Merken toevoegen

• Letteretters
• Watch Me Work

Functionaliteit toevoegen

Kleuren kunnen definiëren in YAML?

Suggestie invoer

allrgb:
  red
  lime
  blue
deidee:
  deJade()
  deJade()

Suggestie export SCSS

$bc-allrgb-1: red;
$bc-allrgb-2: lime;
$bc-allrgb-3: blue;
$bc-deidee-1: deJade();
$bc-deidee-2: deJade();

Suggestie export CSS

.bg-allrgb-1 { background-color: red; }
.color-allrgb-1 { color: red; }
.bg-allrgb-2 { background-color: lime; }
.color-allrgb-2 { color: lime; }
.bg-allrgb-3 { background-color: blue; }
.color-allrgb-3 { color: blue; }
.bg-deidee-1 { background-color: #0f8c76; }
.color-deidee-1 { color: #0f8c76; }
.bg-deidee-2 { background-color: #5ccfb8; }
.color-deidee-2 { color: #5ccfb8; }

Andere exportmogelijkheden

• JSON
• PHP array
• LESS
• ASE (Adobe Swatch Exchange)

Uitbreiden

git clone https://github.com/deidee/hetpalet.git

Afhankelijkheden updaten

ncu -u

Nieuwe versie genereren

npm start

Update packages to latest versions.

npx npm-check-updates -u
npm i

Publiceren

Publiceren wordt gedaan door deidee en wel op de volgende manier:

npm publish --access public