Charte de marque
Un mot, un coin.
Comment utiliser le logo, les couleurs, la typographie et le ton de Kanesh. Tout part des fichiers disponibles en téléchargement en bas de page.
Un seul coin angulaire forme le k.
Les branches de notre k forment un seul coin angulaire, le Winkelhaken : l’une des empreintes de base de l’écriture cunéiforme.
- Le logotype est « kanesh » en Inter minuscule, graisse 640, approche −0,035 em, avec une lettre dessinée.
- Le coin se détache de la hampe comme le stylet se lève de l’argile. Ne les reconnectez jamais.
- La version réduite (graisse 690, espace de 0,46 × la hampe) garde le k ouvert à 12–14 px.
- Le symbole est le k seul. Il n’occupe que des emplacements carrés ou ronds, jamais à côté du logotype.
- La hampe : celle d’Inter, avec son ascendante.
- L’espace : 0,30 × la hampe pour détacher le coin.
- Les branches : un seul coin angulaire aux extrémités coupées horizontalement.
Logo
Le logotype seul est le logo. C’est une géométrie vectorisée : utilisez les fichiers, ne le retapez jamais.
Logotype
Le logo. En-tête du site, documents, factures.
Sur fond sombre
Bone sur night ou ink.
Version réduite
Sous 120 px de large : pieds de page, signatures, interface.
Avec signature
« by Nexau », la première année.
Icône d’application et favicon
Le k en ink centré sur un cercle blanc, avec un fin anneau pour rester visible dans les onglets clairs et sombres.
Avatar
Profils WhatsApp, Instagram et Meta. La plateforme recadre le cercle.
Zone de protection
Laissez la moitié de la hauteur d’x libre de chaque côté.
½ hauteur d’x
Tailles minimales
- Logotype120 px de large
- Version réduite56 px de large
Symbole (version favicon)16 px
À éviter
À éviter: Placer le symbole k devant le logotype.
À éviter: Reconnecter les branches du k à sa hampe ou ouvrir le coin en un chevron fin.
À éviter: Recomposer le logotype en texte éditable.
À éviter: Utiliser clay pour les petits textes. Utilisez clay-600.
À éviter: Ajouter un dégradé, une ombre ou un contour.
Couleurs
Des neutres chauds et un rouge argile comme accent précis. Contrastes WCAG 2.x pour les valeurs affichées.
- clay
#C9441D
Aplats : bouton principal et donnée mise en avant
Contraste: Blanc sur clay 4,85:1 · clay sur bone 4,42:1, aplats et grandes marques uniquement
- clay-600
#A83219
Textes d’accent et liens sur fond clair
Contraste: 6,11:1 sur bone · 6,70:1 sur blanc
- ember
#E0531F
Accent sur fond sombre
Contraste: 4,50:1 sur night
- ink
#15120F
Logotype et texte
Contraste: 17,0:1 sur bone · 18,7:1 sur blanc
- bone
#F7F4EF
Page ; logotype inversé
Contraste: 15,9:1 sur night
Neutres complémentaires
- night #1E1915Pied de page, une bande sombre
- sand #EFE9DFUne section teintée par page
- stone #5E554CMétadonnées et légendes
- line #E6DFD5Filets
- paper #FFFFFFCartes et interface produit
- Clay sert d’aplat : le bouton principal et une donnée mise en avant. Un seul bouton clay au maximum par écran.
- Lapis, moss et saffron n’apparaissent que dans les visuels produit pour les états (IA, succès, attention).
- Le fond du site est un bone plus clair, #FAF8F5.
Typographie
Deux familles open source auto-hébergées sur le site. Six tailles et trois graisses, pas davantage.
Bricolage Grotesque
Titres · graisse 480, taille optique 48
Vos clients voient une seule marque. Fonctionnez comme telle.
Figtree
Texte et interface · graisses 400, 500 et 600
Quand l’IA ne doit pas répondre, elle transmet la conversation à votre équipe avec le motif et le contexte.
Échelle
- display · 40 → 64 pxBricolage 480 · un par page
- h2 · 32 → 44 pxBricolage 480 · titres de section
- h3 · 18 → 20 pxFigtree 600 · titres de cartes et fonctionnalités
- lead · 17 → 18 pxFigtree 400 · un par section, ≤ 140 caractères
- body · 16 pxFigtree 400 · tout le reste
- small · 14 pxFigtree 500 · libellés, métadonnées, boutons
Le logotype est dessiné à partir d’Inter (OFL) et vectorisé : aucune police supplémentaire n’est nécessaire pour l’afficher.
Icônes et mouvement
Icônes de contour Lucide, discrètes et neutres. Le mouvement explique, il ne décore jamais.
- Trait 1,5. Deux tailles : 16 px dans le texte, 20 px dans les listes.
- Ink dans les listes et menus, stone pour la décoration. Jamais clay.
- Dans une tuile neutre de 32 px si un conteneur est nécessaire.
Jamais
- Robots, cerveaux lumineux ou hologrammes.
- Photos de banque d’images de personnes avec un casque.
- Logos de canaux comme décoration.
- Données clients affichées sans autorisation.
Mouvement
- 1 par vueUn seul élément animéSeul le visuel produit bouge.
- 150 msCommandesBoutons et menus ralentissent en fin de transition.
- > 5 sDémonstrationsPartent d’une image complète, se jouent seulement lorsqu’elles sont visibles et peuvent être mises en pause.
- 0 msMouvement réduitprefers-reduced-motion affiche l’état final.
Voix et ton
Précis, calme, commercial, direct et responsable.
- Précis
- Calme
- Commercial
- Direct
- Responsable
Your customers see one brand. Operate like one.
Tus clientes ven una sola marca. Opera como una.
| Règle | English | Español |
|---|---|---|
| Personne | “you”, “your team” | tú (neutral for Spain and Latin America); never vosotros |
| Casse | Sentence case | Sentence case |
| Nombres | €59.00 · 1,200 | 59,00 € · 1.200 |
| CTA | Get a diagnosis | Pide tu diagnóstico |
| À dire | “hands over to your team with context” | «pasa a tu equipo con el contexto» |
| À ne pas dire | “AI employees”, “autonomous”, “revolutionary” | «empleados de IA», «autónoma», «revolucionario» |
L’espagnol est rédigé nativement, pas traduit. L’anglais est natif, à dominante américaine. Aucun point d’exclamation dans les textes marketing.
Téléchargements
Fichiers vectoriels (SVG) et PNG. Les fichiers du logo ne contiennent jamais de texte éditable.
Logotype
Version réduite et avec signature
- Version réduite, SVGkanesh-wordmark-small.svgTélécharger
- Version réduite sur fond sombre, SVGkanesh-wordmark-small-reverse.svgTélécharger
- « by Nexau », SVGkanesh-lockup-by-nexau.svgTélécharger
- « by Nexau » sur fond sombre, SVGkanesh-lockup-by-nexau-reverse.svgTélécharger
- « by Nexau », PNGkanesh-lockup-by-nexau.pngTélécharger
Symbole et icônes
- Icône d’application (cercle blanc, k en ink), SVGkanesh-app-icon.svgTélécharger
- Icône d’application, PNG 512 pxicon-512.pngTélécharger
- Symbole, ink, SVGkanesh-symbol.svgTélécharger
- Symbole sur fond sombre, SVGkanesh-symbol-reverse.svgTélécharger
- Symbole, version favicon, SVGkanesh-symbol-small.svgTélécharger
Besoin d’un autre format ? Écrivez-nous. [email protected]