Binksy BrandOnline by binks design

Pour les graphistes · gratuit, sans compte, tout reste dans ton navigateur

Du .binksy au site de marque.

Importe le .binksy de Binksy LogoKit ou le .binksynext de Binksy LogoNext — ou pars de zéro avec tes SVG. Ajoute tes visuels, choisis un des 10 styles : tu obtiens un site de guide de marque prêt à mettre en ligne, chaque fichier à télécharger pour ton client.

Créer un guide Voir la démo AVORA

Partir de zéro, sans .binksyLire la documentation

Accueil du site généré pour AVORA : logo, introduction, bouton Tout télécharger et photo de mockup.
Section Couleurs du site généré : nuanciers HEX, RVB, CMJN et fichiers de palette.
Le même site sur téléphone.
  • 10styles de site, de Suisse à Brutaliste
  • 4sources combinables
  • 2langues du site : français, anglais
  • 0fichier envoyé sur un serveur
01Comment ça marche

Quatre étapes,un site en ligne.

Pas de compte, pas d’installation : tout se passe dans une seule page. Tes réglages sont mémorisés dans le navigateur.

  1. Importe tes .binksy / .binksynext ou pars de zéro

    Le fichier de LogoKit, celui de Binksy LogoNext, les deux ensemble — ou ton nom de marque, tes logos SVG, tes couleurs et tes polices.

    LogoKitLogoNextSVG

  2. Ajoute tes assets

    Mockups, visuels réseaux sociaux, imprimés, maquettes web ou PDF créés ailleurs, rangés par catégorie avec titre et légende.

    PNG · JPG · WebPSVG · GIF · PDF

  3. Choisis un style et tes crédits

    Dix styles de site, la langue (FR / EN), les sections à afficher, puis ton nom de studio, ton e-mail, ton Instagram et tes liens.

    10 stylesFR · EN

  4. Exporte un site prêt à publier

    Aperçu bureau et mobile, puis un ZIP : un site statique qui marche hors ligne, à déposer sur Netlify, Vercel ou n’importe quel hébergement.

    ZIPhors ligne
02Le site généré

Tout le guide,fichiers compris.

Ton client consulte les règles et télécharge ce dont il a besoin, rangé par variante puis par format. Chaque fichier a un aperçu, un bouton Copier (l’image ou le code) et un bouton Télécharger ; chaque logo existe en SVG, PNG, PDF et JPG.

Section Déclinaisons d’un site généré : le logo AVORA en version originale, blanche et orange, avec boutons SVG et PNG.
  • Couleurs et nuanciers
  • Typographies
  • Formats numériques
  • Tout télécharger
  1. 01Introduction — signature, présentation
  2. 02La marque — histoire, mission, valeurs…
  3. 03Ton et voix — « on dit » / « on évite »
  4. 04Logo et déclinaisons de couleur
  5. 05Zone de protection, tailles, interdits
  6. 06Couleurs — HEX, RVB, CMJN, associations
  7. 07Typographie et hiérarchie
  8. 08Applications, assets, formats, QR code
  9. 09Ressources — tout télécharger en un ZIP
ton-site/
├─ index.html        le site
├─ LISEZMOI.txt
├─ assets/           polices, images
└─ telechargements/
   ├─ logos/<version>/svg · png · pdf · jpg
   ├─ couleurs/      ASE GPL CSS SCSS JSON
   ├─ typographies/  polices libres
   ├─ applications/
   ├─ formats/<groupe>/
   └─ assets-supplementaires/<catégorie>/
03Les styles

Dix styles,ta marque.

Le style change la mise en page du site, pas ton identité : logos, couleurs et polices restent ceux que tu as fournis. Tu peux en changer jusqu’au dernier moment.

  • Éditorialeditorial

    Grands titres, filets fins, colonnes : le guide se lit comme une revue.

  • Suissesuisse

    Grille stricte, fer à gauche, gros chiffres : la rigueur du style international.

  • Minimalminimal

    Beaucoup de blanc, un seul accent : le logo et les fichiers, rien d’autre.

  • Noirnoir

    Fond sombre et contrastes forts, pour les marques mode, tech ou nocturnes.

  • Magazinemagazine

    Images en grand et titres superposés : des airs de couverture.

  • Brutalistebrutal

    Bordures épaisses, ombres franches, monospace : brut et assumé.

  • Douxdoux

    Coins arrondis et teintes douces tirées de ta palette : chaleureux.

  • Techniquetechnique

    Grille de plan, cotes et monospace : la précision d’une fiche technique.

  • Aplataplat

    Ta couleur de marque en grands aplats, sections pleines et diagonales.

  • Classiqueclassique

    Serif, cadres fins, centrage : l’élégance du luxe.

04Les sources

Quatre sources,un seul site.

Combine-les librement. Ce que tu fournis fait foi : l’outil n’invente ni logo, ni couleur, ni texte de marque.

  • .binksy LogoKit

    Le kit complet

    Ancien format JSON ou nouveau ZIP, tout est relu.

    • Versions du logo et règles
    • Palette, dégradés, associations
    • Typographies, licences, hiérarchie
    • Brief, plateforme de marque, mockups
  • .binksynext LogoNext

    Les formats coupés

    Les fichiers prêts à l’emploi de Binksy LogoNext.

    • Versions et rôles de couleurs
    • Favicon, icônes d’app, réseaux
    • QR code (lien et style)
    • Formats de fabrication
  • Sans .binksy

    Partir de zéro

    Pour un logo créé ailleurs.

    • Nom de la marque
    • Logos SVG importés à la main
    • Couleurs : HEX, nom, rôle
    • Polices TTF, OTF, WOFF, WOFF2
    • Textes de marque saisis à la main
  • Assets supplémentaires

    Tout le reste

    Images ou fichiers, avec titre et légende.

    • Applications (mockups)
    • Réseaux sociaux
    • Imprimés
    • Web · Autres

Fusion : LogoKit est prioritaire (logo, typographies, guide, mockups), LogoNext ajoute ses formats et son QR code, tes ajouts manuels s’ajoutent à tout. Un même SVG n’apparaît jamais deux fois.

  • T-shirt blanc porté, symbole AVORA orange sur la poitrine.
    ApplicationsBraided Hair Portrait
  • T-shirt blanc avec le logo AVORA noir.
    ApplicationsCasual Minimalist
  • Dos de t-shirt avec un grand symbole AVORA orange.
    ApplicationsSide Profile in White
  • Col de t-shirt relevé sur le visage, symbole AVORA orange.
    ApplicationsBraided Hair Reveal
05Hors ligne & privé

Rien ne quitteton appareil.

Les fichiers de ton client restent chez toi : l’outil lit, calcule et assemble tout dans le navigateur.

  • Aucun compte, aucune clé

    Pas d’inscription, pas d’API payante, pas de traceur. Tes réglages sont mémorisés dans ton navigateur, et nulle part ailleurs.

  • Calculé sur place

    Lecture des .binksy, déclinaisons, PNG, nuanciers, ZIP : tout est produit localement. Aucun fichier n’est envoyé sur un serveur.

  • Un site autonome

    Le site exporté embarque ses polices et ses images. Il s’ouvre même sans connexion, en double-cliquant sur index.html.

06Agents IA

Pilotablepar un agent.

Claude Code, Codex ou tout agent qui pilote un navigateur peut créer le guide à ta place, avec l’API window.binksyGuide.

  • Une API JavaScript documentée, des repères data-agent sur les commandes clés.
  • Aucune clé API, aucun service en ligne : l’agent travaille dans la page.
  • Règle d’or : l’agent n’invente jamais de logo ni de texte de marque.
Mode d’emploi pour agents AGENTS.md 
await binksyGuide.ready();
await binksyGuide.importBinksy('demo/avora.binksy');
await binksyGuide.setStyle('suisse');
await binksyGuide.setCredits({
  name: 'Binks Design',
  instagram: 'https://www.instagram.com/graphiste.binks/'
});
const zip = await binksyGuide.exportSite({ base64: true });
// → { name, size, count, base64 }
07Commencer

Trois façonsde commencer.

Compte quelques minutes avec un .binksy prêt : l’essentiel est déjà dedans.

  • Avec un .binksy

    Créer un guide

    Dépose le fichier de Binksy LogoKit et/ou de Binksy LogoNext, puis complète.

    Créer un guide
  • Pour voir le résultat

    La démo AVORA

    Une marque fictive déjà chargée : change de style, de langue, exporte.

    Voir la démo
  • Sans .binksy

    Partir de zéro

    Ton nom de marque, tes SVG, tes couleurs et tes polices, à la main.

    Partir de zéro