Charte graphique
Clixite est le cabinet d'architecture de solutions de Nicolas Simon. Cette charte fixe la marque, ses règles et ses fichiers. Elle sert à tout le monde : Nicolas, ses partenaires, un imprimeur, un développeur.
Déplacez le curseur : Glissez le doigt : le relief suit.
Clixite existe depuis 2005. Agence de communication pendant dix ans, le cabinet est devenu ce que son fondateur est devenu : un architecte de solutions et d'entreprise. Il relie la stratégie, les systèmes et la conformité, puis livre.
L'architecte qui relie la stratégie, les systèmes et la conformité. Nous résolvons votre x.
Le x est l'inconnue du client : un processus achats qui ne tient pas l'audit, un back-office qui ne suit plus la croissance, une exigence DORA qu'il faut traduire en preuves. Clixite dessine la structure, puis construit. Ce récit vit dans les textes, pas dans le logo : le logo porte seulement le X.
Des cadres clairs, des processus qui tiennent à l'audit et des outils qui tournent réellement. Pas de slides pour les slides.
Banque, assurance, télécom. Procurement, conformité, architecture d'entreprise. Preuves : 800 M€ d'achats pilotés chez Proximus, Procurement Policy v2.0 et Tactical Sourcing Light Track en production chez KBC, missions chez P&V.
Audit, choix et connexion des outils existants, automatisation, IA quand elle sert. Architecturer la croissance avec ce qui existe déjà. Preuves : sites et back-offices de Tero et Design Plus, CyGap et Vidango conçus et codés.
Policies, architectures et playbooks à trois niveaux. Le désordre devient un système.
DORA, NIS2, RGPD, EBA : des exigences traduites en processus et en preuves.
Livrer, mesurer, ajuster. Des décisions rationnelles, une vision humaine.
Concevoir et coder : agents IA, SaaS, automatisations. L'IA est un levier, jamais le produit.
L'Architecte : sage et créateur. Précis, direct, exigeant, calme, humain, avec un brin d'humour belge. Il parle en chiffres et en plans, pas en adjectifs.
La marque mère et la caution. Services : Fractional CPO, transformation Source-to-Pay, conformité DORA et NIS2, architecture d'entreprise, architecture de croissance pour les PME.
Les produits endossés : Vidango (VOS) et CyGap. Ils gardent leur nom, portent la mention « by Clixite » et empruntent la palette.
L'agence montée avec Chris, nom à trouver. Elle peut porter « powered by Clixite » sans reprendre le X.
Le X est central dans CLIXITE depuis 2005 et il le reste. Il est redessiné au poids des lettres, puis reçoit une peau selon le support : le Relief, qui se dépose et s'imprime, ou l'Interférence, qui vit à l'écran.
Le X maître est la marque : deux barres au poids des capitales, turquoise par-dessus rose, une pièce centrale Signal détachée par un joint fin, des terminaisons horizontales. Il dépasse les capitales de 5 % en haut et en bas, comme un O.
Sous 48 px, le X maître plat. Sous 24 px, le X plein en Encre.
Au-dessus de 48 px, le X reçoit une peau. Le Relief extrude le X de 0,30 barre, à 70°, avec un chant Encre : c'est la marque déposée, celle qui s'imprime. L'Interférence remplace la face par deux champs de lignes, turquoise et rose, tournés l'un par rapport à l'autre, avec une lentille Signal au croisement : c'est l'expression vivante, pour le site, les bannières et le mouvement.
La règle tient en une ligne : plus le X est petit, plus il se simplifie. Les tailles s'entendent pour la hauteur du X à l'écran, ou leur équivalent imprimé (1 px = 0,25 mm à 100 dpi).
Interférence complète : dix traits par barre, trait égal au vide, lentille Signal. Site, bannières, animation.
Interférence simplifiée (six traits, jamais moins de 1,5 px) ou Relief. Avatars, en-têtes, signature.
Le X maître plat, deux couleurs et la pièce Signal. Icônes d'interface, pied de page.
Le X plein en Encre. Favicon, broderie, tampon. L'icône d'app garde le Relief sur tuile Encre.
La zone de protection vaut la hauteur du X, sur les quatre côtés. Elle grandit avec le logo.
Taille minimale du mot-marque : 96 px à l'écran, 24 mm imprimé. Symbole Relief : 48 px ou 12 mm. Favicon : 16 px, en X plein Encre.
Les descripteurs d'offre (« Fractional CPO », « Architecture de croissance ») se composent en texte, en turquoise texte, sous le logo. Ils ne sont jamais intégrés au fichier du logo. Le descripteur du logo reste en anglais : ENTERPRISE & SOLUTION ARCHITECTURE.
L'angle entre les deux champs est la seule variable de la peau Interférence. Au repos il vaut 8°. En mouvement il respire entre 6° et 10°, et il se résout vers 4° quand l'ouverture se termine. Essayez.
Sous 2°, les deux champs se superposent et le X devient plat. Au-delà de 14°, le moiré prend le dessus sur la lettre. L'intervalle utile est 4° à 12°.
Le trio turquoise bleu, rose et Signal est la signature de Clixite. Il vit ensemble dans le symbole et dans les moments de signature. Dans le corps d'un document, un seul accent à la fois, turquoise par défaut. Cliquez une teinte pour copier son code.
Valeurs CMJN indicatives, converties depuis le RVB. Pour l'impression offset, faire valider une épreuve ; les références Pantone se choisissent avec l'imprimeur, sur nuancier, pour le turquoise et le rose.
Répartition indicative sur un support complet. L'Encre domine, le Papier respire, le turquoise signe, le rose et le Signal ponctuent.
Texte et fond : ce qui est permis, ce qui ne l'est pas. Les accents ne portent pas de texte sur fond clair ; on passe par leur version « texte ».
| Échantillon | Paire | Ratio | WCAG 2.2 |
|---|---|---|---|
| Aa | Encre sur Papier | 14.8 : 1 | AAA |
| Aa | Turquoise texte sur Papier | 4.7 : 1 | AA |
| Aa | Rose texte sur Papier | 4.5 : 1 | AA |
| Aa | Ardoise sur Papier | 6.5 : 1 | AA |
| Aa | Papier sur Encre | 14.8 : 1 | AAA |
| Aa | Turquoise sur Encre | 6.5 : 1 | AA |
| Aa | Rose sur Encre | 5.2 : 1 | AA |
| Aa | Signal sur Encre | 11.1 : 1 | AAA |
| Aa | Brume sur Encre | 10.9 : 1 | AAA |
| Aa | Encre sur Turquoise | 6.5 : 1 | AA |
États : « succès » et « danger » sont toujours accompagnés d'un libellé ou d'une icône, et diffèrent en luminosité, jamais seulement en teinte. Jamais de vert et rouge seuls pour distinguer deux états.
Quatre familles, chacune avec un rôle, toutes libres (licence OFL). Space Grotesk donne le caractère, Inter fait le travail, Fraunces apporte la voix, JetBrains Mono tient les chiffres.
| display | Du cadre à la livraison | Space Grotesk 700, 56 px, interligne 1, approche -2 % |
| h1 | Architecturer la croissance | Space Grotesk 600, 40 px, interligne 1,05 |
| h2 | Ce que nous avons compris | Space Grotesk 600, 28 px, interligne 1,15 |
| h3 | Étape 1, cadrer | Space Grotesk 600, 20 px, interligne 1,25 |
| quote | Des processus qui tiennent à l'audit. | Fraunces Italic 500, 26 px, interligne 1,3 |
| body | Nous mettons votre policy achats en production en douze semaines, avec les preuves pour l'audit. | Inter 400, 16 px, interligne 1,5 |
| small | Prix hors TVA, facturation mensuelle à 30 jours. | Inter 400, 13 px, interligne 1,45 |
| label | Proposition de services | JetBrains Mono 500, 12 px, capitales, approche +8 % |
| data | 12 345,00 € · 2026-10-25 · v1.0 | JetBrains Mono 500, 14 px, chiffres alignés à droite |
Dans Office, les modèles embarquent Space Grotesk et Inter. Installez les polices du kit avant d'ouvrir les modèles ; sans elles, Word et PowerPoint retombent sur Arial et Calibri, ce qui reste acceptable pour un document de travail mais pas pour une offre.
Trois motifs sortent du logo et suffisent à habiller tous les supports. Ils s'emploient un à la fois, en grand, jamais en semis décoratif.
Le losange Signal du croisement. Un seul par support, posé sur un chiffre clé, un repère de carte, un point d'attention.
Deux champs de lignes, turquoise et rose, à 8° l'un de l'autre. En fond de couverture, en bandeau de site, en masque sur une photo. Jamais sous du texte courant.
L'extrusion à 70°, en Encre. Elle donne du relief à un bloc, un bouton principal, une carte de visite. Une seule épaisseur : 0,30 de la hauteur de l'élément.
Les supports du quotidien, prêts à l'emploi. Chaque fichier se télécharge ici ; les modèles Office se trouvent au chapitre Téléchargements.
Copier le bloc ci-dessous dans Outlook, Gmail ou Apple Mail (coller en HTML), puis remplacer le GSM. Le symbole est chargé depuis ce site, donc il reste à jour.
|
Nicolas Simon
Solutions & Enterprise Architect · Clixite SRL
ENTERPRISE & SOLUTION ARCHITECTURE
|
L'ouverture dure trois secondes et demie et raconte le logo, en relief réel : deux champs qui arrivent, un angle qui se résout, une lentille qui s'allume, un chant qui tombe sous une lumière qui le balaie, puis le recul qui révèle le mot. Elle est calculée en temps réel (WebGL) depuis la géométrie exacte du logo ; la vidéo en est rendue image par image.
Clixite écrit comme son fondateur parle : phrases courtes, verbes d'action, chiffres avant adjectifs. Une note d'humour sec quand elle détend sans décrédibiliser.
Tout est ici, en vectoriel et en raster, prêt à l'emploi. Les archives regroupent chaque famille de fichiers ; le kit complet contient tout.
Logos, favicons, réseaux, Office, signature, animation, polices, tokens.
Mot-marque et symbole, trois peaux, couleur, inversé, monochrome ; SVG et PNG jusqu'à 3200 px.
5.5 Moclixite-logos.zipfavicon.ico, SVG, PNG de 16 à 512 px, icône d'app, site.webmanifest.
47 Koclixite-favicons.zipAvatar, bannière LinkedIn, image Open Graph, fonds de visio, gabarit de publication.
553 Koclixite-reseaux.zipPrésentation PowerPoint (9 mises en page), papier à lettre, modèle d'offre, tableau de suivi Excel.
650 Koclixite-office.zipSpace Grotesk, Inter, Fraunces en TTF pour Office, avec leurs licences OFL.
207 Koclixite-polices.zipOuverture en HTML autonome, MP4 1080p, GIF 800 px et image d'affiche.
2.6 Moclixite-animation.zipTrois compétences pour Claude : appliquer la charte (modèles Office, kit HTML, logos), rédiger dans la voix Clixite, vérifier un contenu avec un score. Ouvrir le fichier dans une conversation Claude et accepter.
1.2 Moclixite-charte.pluginLes fichiers « transparent » n'ont pas de fond : ce sont ceux à utiliser dans un document. Les fichiers avec fond Papier ou Encre servent d'aperçu et de référence de dépôt.
Pour un site, une application ou un produit « by Clixite » : les variables, les polices et les balises à copier. Pour Claude et les autres agents : le plugin et le DESIGN.md.
:root{
--clx-encre:#0B2239; --clx-papier:#F6F5F0; --clx-blanc:#FFFFFF;
--clx-turquoise:#19B3D9; --clx-turquoise-texte:#0C7893; --clx-turquoise-doux:#D6F1F8;
--clx-rose:#FF4F8B; --clx-rose-texte:#D81B60;
--clx-signal:#FFD233; --clx-indigo:#193776;
--clx-ardoise:#4B5A6B; --clx-brume:#CDD5DD; --clx-encre-teintee:#1F3A5A; --clx-surface-sombre:#122D4A;
--clx-font-display:'Space Grotesk',system-ui,sans-serif; --clx-font-sans:'Inter',system-ui,sans-serif;
--clx-font-editorial:'Fraunces',Georgia,serif; --clx-font-mono:'JetBrains Mono',ui-monospace,monospace;
--clx-radius-sm:6px; --clx-radius-md:10px; --clx-radius-pill:999px;
}clixite-variables.css et clixite-tokens.json (thèmes clair et sombre, styles de texte, espacements, rayons).
Depuis Google Fonts, en une ligne :
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=Fraunces:ital,wght@1,500;1,600&family=JetBrains+Mono:wght@500&display=swap">Ou auto-hébergées, comme sur ce site : copier le dossier fonts/ et assets/fonts.css.
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/app-icon-180.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0B2239">
<meta property="og:image" content="https://clixite.be/og-image-1200x630.png">Le plugin clixite-charte.plugin donne à Claude trois compétences : appliquer la charte (modèles PowerPoint, Word et Excel à styles nommés, kit CSS, logos), rédiger dans la voix Clixite et vérifier un contenu. Le fichier DESIGN.md du dépôt décrit le système (jetons en en-tête, règles, à faire et à ne pas faire) pour n'importe quel agent.
Le logo est généré par un script (Python, fontTools et shapely) : chaque fichier de cette charte sort du même générateur, ce qui garantit que le X est identique partout, au pixel. Le dépôt clixite/clixite-brand sur GitHub contient les sources, ce site et les modèles.
Une marque tient si une seule personne en répond. Pour Clixite, c'est Nicolas Simon.