Build · Experiment · Ship
Brand kit de Kouma Labs. Registre labs / studio: noir & blanc strict, typographie Geist, marque en dot-matrix pixel, cadres « blueprint ». Tout est ci-dessous — logos, textes, couleurs, typo et fichiers à télécharger.
K négatif — adaptatif
K pixel — dot-matrix
Icône app (tuile pixel)
Monogramme « K » évidé dans un carré arrondi (vrai négatif). Version pixel(carrés arrondis, densité 32) pour la home & les icônes ; le K net est réservé au favicon (lisible à 16 px).
Loading
Loader — pulse diagonal (↖ → ↘)
Le K pixel pulse en diagonale : une onde de points traverse le monogramme, en boucle. Composant <Loader /> (props size · label · fullScreen).
Respecte prefers-reduced-motion.
Fond clair
Fond sombre
Pour signaler qu’un produit appartient à Kouma Labs, on pose l’icône Kouma à gauche, un slash fin atténué, puis le nom du produit à droite — [K] ╱ Produit. Monochrome strict, dans le header et le footer du site produit.
L’icône reprend la tuile pixel de la marque (l’app-icon Kouma), en version adaptative : tuile sombre sur fond sombre, tuile claire sur fond clair. Le nom du produit hérite de la couleur de texte du site produit et suit donc son thème clair / sombre.
<!-- header/footer du site produit : icône Kouma ╱ produit -->
<a href="https://koumalabs.org" target="_blank" aria-label="Kouma Labs">
<!-- tuile claire en clair, tuile sombre en sombre (prefers-color-scheme) -->
<img src="/logo-mark-square-pixel-light.svg" alt="" class="h-12 w-12 rounded-[22%] dark:hidden" />
<img src="/logo-mark-square-pixel.svg" alt="" class="hidden h-12 w-12 rounded-[22%] dark:inline-block" />
</a>
<span aria-hidden="true" style="opacity:.3">/</span>
<a href="/">Produit</a>Assets : tuile sombre ↓ · tuile claire ↓
Titre — dot-matrix pixel (home)
Kouma Labs
Toujours « Kouma Labs » (deux mots, capitales K/L).
Build · Experiment · Ship
Ton : minimal, technique, orienté « ship ».
Canvas
#000000
fond home / OG
Theme
#0a0a0a
theme-color · tuiles
Encre
#171717
texte (light)
Neutre clair
#ededed
marque (dark)
Blanc
#fafafa
titres OG
Gris
#6b7280
labels 2ⁿᵈ
Gris foncé
#52525b
repères mono
Monochrome strict — pas de couleur d’accent. Dark-first (theme #0a0a0a).
Kouma Labs
Aa Bb Cc — 0 1 2 3 4 5 6 7 8 9
Kouma Labs
Build · Experiment · Ship
const ship = () => "🚀";
OpenGraph · 1200×630
Icônes app / apple / OG = pixel · favicon = K net (lisibilité en petit).
Cadre blueprint · repères + · halo
