From 642747d76269ff2bbd80edb9f3eadb38322b16b0 Mon Sep 17 00:00:00 2001 From: ordinarthur <@arthurbarre.js@gmail.com> Date: Sun, 10 May 2026 18:29:44 +0200 Subject: [PATCH] docs(marketing): outils d'export logo + OG image + image LinkedIn MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Trois templates HTML autonomes pour générer les assets visuels sans quitter le repo : - `docs/logo-export.html` — outil interactif d'export du wordmark Rubis.pro en PNG (Bricolage Grotesque). 3 layouts (horizontal, vertical, texte seul), 5 fonds, 5 couleurs, taille 120 → 4096 px, format carré. Preset 120 px pour le logo de consent screen Google OAuth. Le canvas attend `document.fonts.ready` avant rendu pour éviter le fallback sans-serif. - `docs/og-default-source.html` — recréation HTML pixel-perfect du `og-default.png` (1200×630) avec le nouveau wordmark `Rubis.pro` et `DSO*`. Export via Chrome DevTools "Capture node screenshot" pour remplacer `apps/landing/public/og-default.png`. - `docs/linkedin-launch-source.html` — image carrée 1200×1200 pour un post de lancement LinkedIn. Format optimal pour le feed mobile (LinkedIn n'crop pas les carrés). Headline + stat-héros + brand. Tous les gems sont des SVG inline (4 facettes + contour) — identité visuelle 1:1 avec `` du SPA et `favicon.svg`. Co-Authored-By: Claude Opus 4.7 --- docs/linkedin-launch-source.html | 305 ++++++++++++++++ docs/logo-export.html | 585 +++++++++++++++++++++++++++++++ docs/og-default-source.html | 355 +++++++++++++++++++ 3 files changed, 1245 insertions(+) create mode 100644 docs/linkedin-launch-source.html create mode 100644 docs/logo-export.html create mode 100644 docs/og-default-source.html diff --git a/docs/linkedin-launch-source.html b/docs/linkedin-launch-source.html new file mode 100644 index 0000000..7953d58 --- /dev/null +++ b/docs/linkedin-launch-source.html @@ -0,0 +1,305 @@ + + + + + LinkedIn launch image — Rubis.pro + + + + + + +

+ Comment exporter en PNG 1200×1200 — ouvrir Chrome DevTools (⌘⌥I), + sélectionner la div #li dans l'arbre Elements, clic droit → + Capture node screenshot. Format optimal pour un post LinkedIn dans le feed mobile. +

+ +
+
+ + + + + + + + + + + +
+
+ + + + + + + + Rubis.pro +
+ + + En ligne + +
+ + +
+

+ Vos factures
+ relancées
+ toutes seules. +

+

+ Le SaaS de relance pour TPE-PME françaises. Drag-and-drop, OCR, + plans de relance automatiques. +

+
+ + 5 h + par semaine récupérées + + · + 8 h → moins de 3 +
+
+ + +
+ + →rubis.pro + + 30 jours gratuits · sans carte bancaire +
+
+ + diff --git a/docs/logo-export.html b/docs/logo-export.html new file mode 100644 index 0000000..a7be665 --- /dev/null +++ b/docs/logo-export.html @@ -0,0 +1,585 @@ + + + + + + Logo export — Rubis.pro + + + + + + +
+ + +
+
+
+
+

+
+
+ + + + diff --git a/docs/og-default-source.html b/docs/og-default-source.html new file mode 100644 index 0000000..b591d2c --- /dev/null +++ b/docs/og-default-source.html @@ -0,0 +1,355 @@ + + + + + OG default source — Rubis.pro + + + + + + +

+ Comment exporter en PNG 1200×630 — ouvrir Chrome DevTools (⌘⌥I), + sélectionner la div #og, clic droit dans l'arbre → Capture node screenshot. + Le PNG sort pile à 1200×630. Remplacer ensuite + apps/landing/public/og-default.png. +

+ +
+
+
+ +
+
+
+ + + + + + + + Rubis.pro +
+ +

+ Vos factures relancées toutes seules. +

+ +

+ Le SaaS de relance pour TPE-PME françaises. 5 heures par semaine récupérées, automatiquement. +

+ + + + + + + + + + rubis.pro + +
+ +
+
+
+ + + + + + + + Rubis.pro +
+ Tableau de bord +
+
+
+ + + + + + + +
+
124 rubis
+
≈ 24 h 48 libérées ce mois
+
+
+
+
+
Encaissé
+
14 320 €
+
+ 2 800 € vs avril
+
+
+
DSO*
+
38 j
+
↘ −6 j depuis Rubis
+
+
+
+ ✓ Facture F-2024-035 encaissée + +
+
+
+
+
+ +