PANEOTECH / GRAPHIC CHARTER

Double expertise
Impact unique

Le référentiel de l’identité visuelle PANEOTECH

Charte graphique numérique

Positionnement

Paneotech relie stratégie, technologie et exécution pour proposer des solutions numériques innovantes qui produisent un impact mesurable en Afrique.

Notre mission

Concevoir des technologies qui accélèrent le développement, renforcent les institutions et produisent un impact socio-économique mesurable en Afrique grâce à des écosystèmes numériques sûrs, évolutifs et durables.

ESSENCE DE MARQUE

Building Africa's Digital Future, One System at a Time.

02

Identité visuelle

Le symbole officiel et sa signification

SYMBOLE PANEOTECH

Un symbole de connexion

Le symbole entrelacé relie les expertises et exprime une approche intégrée des systèmes

Connectivité
Pensée systémique
Intégration
Collaboration
Croissance durable
Innovation

Source : Brand Kit pages 8 et 9

03

Logos

Utilisez les fichiers SVG fournis, sans modifier leurs proportions ni leurs couleurs

Conserver les proportions du logo

Ne jamais étirer ni compresser le logo PANEOTECH

Si le format horizontal manque de place, utiliser le logo vertical, le symbole ou le wordmark officiel. Ne jamais recréer le lettrage PANEOTECH

À respecter

Préserver les proportions, ménager un espace libre autour du logo et garantir un contraste élevé avec le fond. Le symbole seul convient aux favicons et aux espaces réduits

À éviter

Ne pas étirer, tourner, recolorer ou ajouter d’ombres. Éviter les fonds chargés. Les marges et tailles minimales proposées sont détaillées ci-dessous

Zones de protection et tailles minimales

Les usages suivent le Brand Kit. Les mesures complémentaires ci-dessous restent proposées en attente d’une revue élargie de l’équipe PANEOTECH et pourront évoluer après ses retours.

PROPOSED Zone de protection et taille minimale

PROPOSED CLEAR SPACE. Validation finale de la géométrie du master PANEOTECH attendue

PROPOSED MINIMUM SIZE. Validation finale de lisibilité attendue

SYSTÈME DE LOGO

Logo horizontal

Sites web, rapports, propositions, présentations et mises en page larges

Mesures proposées
Logo horizontal / X = H / 4
Contour du dessin Zone à laisser libre
Zone de protection X = H / 4

Haut = X · Bas = X · Gauche = X · Droite = X. H est la hauteur visible du logo

Rapport du fichier 2 : 1

Canvas du master SVG : 612 × 306. Le PNG fourni mesure 613 × 306 px et conserve son canvas d’export d’origine.

Rapport du dessin visible 6,77 : 1

Limites mesurées du dessin : 556,81 × 82,25 unités dans le viewBox. L’espace transparent du canvas est conservé.

Minimum écran 160 px
Minimum imprimé 40 mm

Largeur du dessin visible / Seuils proposés / Vérifier la lisibilité selon le support et la qualité de reproduction

px
Saisir la largeur visible du logo
H
x
Zone totale

Bleu marine sur fond clair
Bleu marine sur fond clair
Noir en monochrome
Noir en monochrome
Blanc sur fond bleu marine
Blanc sur fond bleu marine

Conserver le dessin intact / Aucun texte, bord de page ou autre logo dans la zone x

Télécharger le schéma ↗
PROPOSED Zone de protection et taille minimale

PROPOSED CLEAR SPACE. Validation finale de la géométrie du master PANEOTECH attendue

PROPOSED MINIMUM SIZE. Validation finale de lisibilité attendue

SYSTÈME DE LOGO

Logo vertical carré

Formats carrés, profils sociaux, espaces compacts et compositions verticales

Mesures proposées
Logo vertical carré / X = H / 4
Contour du dessin Zone à laisser libre
Zone de protection X = H / 4

Haut = X · Bas = X · Gauche = X · Droite = X. H est la hauteur visible du logo

Rapport largeur / hauteur 1,40 : 1

Proportions du dessin visible mesurées dans le SVG fourni

Minimum écran 120 px
Minimum imprimé 30 mm

Largeur du dessin visible / Seuils proposés / Vérifier la lisibilité selon le support et la qualité de reproduction

px
Saisir la largeur visible du logo
H
x
Zone totale

Bleu marine sur fond clair
Bleu marine sur fond clair
Noir en monochrome
Noir en monochrome
Blanc sur fond bleu marine
Blanc sur fond bleu marine

Conserver le dessin intact / Aucun texte, bord de page ou autre logo dans la zone x

Télécharger le schéma ↗
PROPOSED Zone de protection et taille minimale

PROPOSED CLEAR SPACE. Validation finale de la géométrie du master PANEOTECH attendue

PROPOSED MINIMUM SIZE. Validation finale de lisibilité attendue

SYSTÈME DE LOGO

Icône de marque

Favicons, icônes d’application et petits espaces d’interface

Mesures proposées
Icône de marque / X = H / 4
Contour du dessin Zone à laisser libre
Zone de protection X = H / 4

Haut = X · Bas = X · Gauche = X · Droite = X. H est la hauteur visible du logo

Rapport largeur / hauteur 1,09 : 1

Proportions du dessin visible mesurées dans le SVG fourni

Minimum écran 32 px
Minimum imprimé 8 mm

Largeur du dessin visible / Seuils proposés / Vérifier la lisibilité selon le support et la qualité de reproduction

px
Saisir la largeur visible du logo
H
x
Zone totale

Bleu marine sur fond clair
Bleu marine sur fond clair
Noir en monochrome
Noir en monochrome
Blanc sur fond bleu marine
Blanc sur fond bleu marine

Conserver le dessin intact / Aucun texte, bord de page ou autre logo dans la zone x

Télécharger le schéma ↗
PROPOSED Zone de protection et taille minimale

PROPOSED CLEAR SPACE. Validation finale de la géométrie du master PANEOTECH attendue

PROPOSED MINIMUM SIZE. Validation finale de lisibilité attendue

SYSTÈME DE LOGO

Wordmark

Signature typographique lorsque le symbole n’est pas nécessaire

Mesures proposées
Wordmark / X = H / 4
Contour du dessin Zone à laisser libre
Zone de protection X = H / 4

Haut = X · Bas = X · Gauche = X · Droite = X. H est la hauteur visible du logo

Rapport largeur / hauteur 8,06 : 1

Proportions du dessin visible mesurées dans le SVG fourni

Minimum écran 160 px
Minimum imprimé 40 mm

Largeur du dessin visible / Seuils proposés / Vérifier la lisibilité selon le support et la qualité de reproduction

px
Saisir la largeur visible du logo
H
x
Zone totale

Bleu marine sur fond clair
Bleu marine sur fond clair
Blanc sur fond bleu marine
Blanc sur fond bleu marine

Conserver le dessin intact / Aucun texte, bord de page ou autre logo dans la zone x

Télécharger le schéma ↗
La zone de protection se mesure depuis les contours du dessin, pas depuis le bord blanc ou transparent du fichier exporté / Les schémas sont ajustés à la largeur de l’écran / Les chiffres du calculateur correspondent à la largeur saisie

Usages interdits

Étirer
Compresser
Pivoter
Recadrer le logo
Changer les couleurs
Ajouter un dégradé
Ajouter une ombre
Ajouter un contour
Modifier l’opacité
Modifier l’espacement
Recomposer le nom
Modifier les proportions internes
Intégrer une tagline au logo
Utiliser une ancienne signature
Ajouter une lueur
Retaper le lettrage
Déplacer le symbole par rapport au nom

Wordmark : master Paneotech Wordmark-04.svg fourni. Les tracés, proportions et espacements sont conservés. Les exports EPS complémentaires restent à vérifier

04

Couleurs

Le bleu marine est extrait des fichiers SVG maîtres

Blanc Aa
HEX #FFFFFF
RGB 255 / 255 / 255
Noir Aa
HEX #000000
RGB 0 / 0 / 0

Deep Navy sur White : contraste 12,78:1. Convient au texte courant

Palette numérique validée. Teintes extraites du Brand Kit, page 11.

Vert forêt

Durabilité

#2C5F45 RGB 44 / 95 / 69 Texte blanc / 7.42:1

Bleu teal

Innovation

#296F8A RGB 41 / 111 / 138 Texte blanc / 5.62:1

Teal clair

Données et numérique

#5E9EAA RGB 94 / 158 / 170 Texte noir / 6.95:1

Or

Croissance

#E8A33D RGB 232 / 163 / 61 Texte noir / 9.74:1

Brun bronze

Accent complémentaire

#8A6F48 RGB 138 / 111 / 72 Texte blanc / 4.72:1

Contrastes calculés sur fonds unis opaques. Les cinq associations ci-dessus dépassent 4,5:1 pour le texte courant.

Sources et reproduction

Le PDF source ne précise pas les codes / Les valeurs extraites de ses aplats sont désormais les références numériques validées pour ce portail

Le site actuel utilise un bleu #122E5F / Ce référentiel conserve #1E305F, présent dans les SVG fournis

Impression / Définir les valeurs CMYK avec le profil du papier et une épreuve imprimeur / Aucune référence Pantone n’est fournie

PDF / 11–12 / paneo.tech CSS

Choisir la bonne version du logo

Privilégier le bleu marine sur fond clair, le blanc sur fond bleu marine et le noir pour une reproduction monochrome / Les couleurs secondaires accompagnent les contenus et ne servent pas à recolorer le logo

Usages adaptés des pages 8, 11 et 12 / Teintes secondaires extraites du PDF

Utilisation des couleurs

PANEOTECH

L’information avant la décoration

Le bleu marine et le blanc structurent le support

Deep Navy et White restent dominants. Le noir assure le contraste du contenu lorsque nécessaire. Les couleurs secondaires accompagnent les informations, les catégories, les données et les accents graphiques

Deep Navy
Couleur principale
White
Fonds et espace blanc
Black
Contraste
Forest Green
Durabilité
Teal Blue
Innovation
Light Teal
Données et numérique
Gold
Croissance
Bronze Brown
Accent complémentaire

PENDING VALIDATION. CMYK et Pantone : références non validées, en attente d’une revue élargie de l’équipe PANEOTECH et susceptibles d’évoluer après ses retours. Les codes écran ne constituent pas une spécification d’impression.

05

Typographie

Trois familles et des rôles complémentaires

Entreprise

Avenir Next LT Pro

Documents, présentations, rapports et communication officielle

Police corporate du Brand Kit. Licence et fichiers non distribués avec ce projet. Ce spécimen est affiché en Inter et ne représente pas un rendu d’Avenir

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Strategy becomes execution.

Numérique

Inter

Site web, interfaces, navigation, communication numérique et textes pour les réseaux sociaux

Police locale et licence OFL disponibles

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Secure. Scalable. Sustainable.

Éditorial

Spectral

Titres éditoriaux, tribunes d’experts, Knowledge Hub et articles de fond

Police locale et licence OFL disponibles

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Dual Expertise.
Singular Impact.

Hiérarchie typographique

PROPOSED Hiérarchie de mise en page indicative
Titre principal

PANEOTECH

H1

Identité visuelle

H2

Applications de l’identité

H3

Transformation numérique

Texte courant

Strategy becomes execution.

Légende

PANEOTECH / Graphic Charter

Éditorial

Dual Expertise. Singular Impact.

Télécharger Inter et Spectral
06

Système visuel

Du symbole aux supports de communication

Langage visuel

Grille

Aligner le logo, les titres et le contenu sur une grille commune. Conserver des marges régulières, une hiérarchie lisible et la zone de protection du logo

PROPOSED Exemple de composition sans mesures normatives
Un cadre commun

Titre et contenu alignés

Marge constante

Motif

Le motif reprend le symbole officiel sans le redessiner. Les compositions ci-dessous sont proposées pour validation

PROPOSED Construction de motif à valider
SYMBOLE
MODULE
RÉPÉTITION
MOTIF
RECADRAGE
APPLICATION

Le recadrage concerne uniquement le motif décoratif. Le logo d’identification reste toujours complet

Iconographie

Minimale, géométrique, monochrome, cohérente, professionnelle et fonctionnelle

PROPOSED Exemples de direction iconographique

Photographie

Référence PANEOTECH de collaboration et d’analytique

À privilégier

  • Écosystèmes d’innovation africains
  • Adoption des technologies
  • Leadership économique et institutionnel
  • Transformation numérique des gouvernements
  • Données et analytique
  • Infrastructures intelligentes
  • Conférences
  • Impact du développement et collaboration

À éviter

  • Images IA génériques et faux hologrammes
  • Circuits électroniques sans contexte
  • Mises en scène d’entreprise trop artificielles
  • Photographies de vie quotidienne hors sujet
  • Images de faible qualité
  • Clichés humanitaires
07

Applications

Cinq supports pour appliquer la charte

Les captures présentent les applications actuelles. Les recommandations restent proposées en attente d’une revue élargie de l’équipe PANEOTECH et pourront évoluer après ses retours. Les exemples corporate utilisent Inter. L’utilisation d’Avenir requiert une licence officielle.

PROPOSED. Pending team validation

Co-branding

Séparer clairement les identités et préserver l’espace de protection de chaque organisation.

PANEOTECHCLIENT
PANEOTECHPARTENAIRE
PANEOTECHBAILLEUR / INSTITUTION
  • Utiliser les variantes de logo approuvées.
  • Respecter les zones de protection, l’alignement et l’équilibre visuel.
  • Ne jamais fusionner, déformer ou modifier les logos, ni imposer une dominance arbitraire.

Site web

CURRENT APPLICATION

Référence réelle fournie

Capture fournie du site PANEOTECH : logo horizontal et Dual Expertise. Singular Impact.
Le site actuel associe le logo horizontal PANEOTECH, le bleu marine, des espaces blancs généreux et une typographie éditoriale à « Dual Expertise. Singular Impact. ». Cette capture documente l’usage existant. Les valeurs de référence restent celles de la charte.
Voir la capture en grand

PROPOSED APPLICATION Aperçu non interactif à valider

Expertises   Knowledge Hub
PANEOTECH

Dual Expertise.
Singular Impact.

Découvrir nos expertises ↗

Alternative avec le wordmark officiel lorsque le contexte identifie déjà PANEOTECH

KNOWLEDGE HUB

Concevoir pour un impact durable

Données et analytique

Logo proportionnel, bleu marine, espace blanc, titres éditoriaux Spectral, photographie contextualisée et appel à l’action identifiable

LinkedIn et réseaux sociaux

CURRENT APPLICATION

Référence réelle fournie

Capture fournie de la page LinkedIn PANEOTECH avec l’ancien logo de profil PANEO TECH
La page actuelle utilise encore l’ancien logo de profil « PANEO TECH ». Cette incohérence doit être corrigée avec le logo vertical ou le symbole actuel selon la lisibilité. La capture documente l’existant et ne constitue pas un modèle conforme.
Voir la capture en grand

PROPOSED APPLICATION Aperçu non interactif à valider

Avatar vertical ou symbole selon la lisibilité. Identité actuelle et tagline constante, séparée du logo

Présentation corporate

PROPOSED APPLICATION Aperçu non interactif à valider

PANEOTECH

Dual Expertise.
Singular Impact.

Couverture
EXPERTISE

Transformation numérique

Intercalaire
PANEOTECH

Strategy becomes execution.

  • Stratégie de transformation numérique
  • Ingénierie des systèmes
  • Données et analytique
Diapositive de contenu

Avenir Next LT Pro pour les supports corporate sous licence. Les aperçus utilisent Inter

Rapports et propositions

PROPOSED APPLICATION Aperçu non interactif à valider

PANEOTECH / RAPPORT

Transformation numérique

Document de travail
PANEOTECH 01
Couverture
PANEOTECH / RAPPORT

Transformation numérique

Contexte et objectifs

Concevoir des technologies qui renforcent les institutions et produisent un impact mesurable en Afrique

Méthode et mise en œuvre

Associer expertise technique, pensée systémique et connaissance des réalités locales

PANEOTECH 02
Page intérieure
PANEOTECH / RAPPORT

Transformation numérique

A
B
C
Données illustratives
PANEOTECH 03
Page de données

Titres hiérarchisés, sources identifiées et couleurs secondaires réservées aux données. Valeurs illustratives sans résultat commercial implicite

Email et newsletter

PROPOSED APPLICATION Aperçu non interactif à valider

Logo complet, fond blanc, texte lisible et bouton bleu marine. Les boutons des maquettes sont des exemples visuels

Modèles éditables

La bibliothèque complète n’est pas encore produite. Aucun téléchargement n’est affiché sans fichier éditable réel.

Modèle de newsletterPriorité / En développement
Modèle de présentationRessource future
Modèle de rapportRessource future
08

Référence numérique

Les valeurs de la charte pour les supports numériques

Variables CSS

:root {
  --paneo-navy: #1E305F;
  --paneo-white: #FFFFFF;
  --paneo-black: #000000;
  --paneo-forest: #2C5F45;
  --paneo-teal: #296F8A;
  --paneo-light-teal: #5E9EAA;
  --paneo-gold: #E8A33D;
  --paneo-bronze: #8A6F48;
}

Référence JSON

{
  "brand": {
    "primary": "#1E305F",
    "white": "#FFFFFF",
    "black": "#000000"
  }
}
Télécharger le JSON complet

Ressources développeurs

Palette validée, polices locales et exemples HTML existants pour intégrer la charte

09

Ressources et aide-mémoire

Téléchargez les sources disponibles pour travailler avec une base commune

EXPORT PNG PERSONNALISÉ

Choisir un logo et une taille

Le PNG est généré dans votre navigateur depuis le master SVG officiel, sur fond transparent.

Taille
Hauteur512 pxCalcul automatique
FormatPNG🔒 Proportions verrouillées

Dimension maximale : 4096 px sur la largeur. Le SVG reste le master vectoriel et ne nécessite aucun choix de dimensions.

Déclinaisons PNG des logos

Choisissez le format et la couleur adaptés à votre support. Les versions blanches sont présentées sur fond bleu pour rester visibles

Télécharger les 11 logos PNG ↓ ZIP
Télécharger les fichiers disponibles ↓ ZIP

Wordmark officiel

Master fourni : Paneotech Wordmark-04.svg. Versions bleu marine et blanche issues des mêmes tracés

Aide-mémoire

Logo et fichiers

Horizontal, Vertical, Symbole, Wordmark

SVG, PNG, PDF disponibles

EPS : format complémentaire non distribué tant que l’export n’a pas été vérifié. Les SVG sont les masters vectoriels prioritaires

Typographies

Avenir Next LT Pro : Corporate, licence et fichiers non distribués
Inter : Numérique
Spectral : Éditorial

Couleurs

Primaires : Deep Navy #1E305F, White #FFFFFF, Black #000000

Secondaires : Forest Green #2C5F45, Teal Blue #296F8A, Light Teal #5E9EAA, Gold #E8A33D, Bronze Brown #8A6F48

Règles essentielles

  • Ne jamais étirer ni compresser le logo
  • Ne jamais recréer le lettrage PANEOTECH
  • Ne pas modifier les proportions entre le symbole et le wordmark
  • Ne pas modifier les couleurs approuvées
  • Ne pas modifier la construction du logo
  • Ne pas utiliser les anciennes signatures de marque
  • Ne pas intégrer de tagline au logo
  • Maintenir un contraste suffisant
  • Choisir la variante adaptée à l’espace disponible

Les marges H/4, tailles minimales, compositions et motifs d’exemple restent proposés en attente d’une revue élargie de l’équipe PANEOTECH et pourront évoluer après ses retours. La palette numérique conserve sa validation du 5 septembre 2026.