Kit de marque MarkCom

Le kit de marque

Tout notre univers de marque au même endroit : la charte graphique, les variantes de logo et le badge Certified Member. À télécharger, ou à intégrer directement sur votre site.

Badge Certified Member

Le badge officiel de membre, à télécharger en image ou à intégrer en direct sur le site d'un membre.

FIG. 1

Badge officiel : image

Pour présentations, signatures et sites nécessitant une image fixe

Membre certifié de la MarkCom, markcom.lu

PNG

Intégration web

Fidèle au pixel, gérée de façon centralisée

L'image du badge dans un lien. Identique au téléchargement : mettez à jour le fichier de la médiathèque et tous les sites suivent. Le texte n'est pas sélectionnable et n'est pas lu par les lecteurs d'écran (seul le texte alternatif l'est).

FIG. 2

Intégration image : survolez

L'image exacte du badge · lien · reflet au survol

CODE

embed-image.html · image + lien + survol

<!-- Badge Membre Certifié MarkCom (image) · markcom.lu -->
<style>
.mkc-badge-link{display:inline-block;position:relative;overflow:hidden;border-radius:13px;line-height:0;text-decoration:none;box-shadow:0 2px 6px rgba(74,20,61,.25),0 14px 30px -12px rgba(74,20,61,.5);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.mkc-badge-link img{display:block;width:300px;max-width:100%;height:auto;border-radius:13px}
.mkc-badge-link::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));transform:skewX(-18deg);transition:left .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
.mkc-badge-link:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(74,20,61,.3),0 20px 42px -14px rgba(74,20,61,.62)}
.mkc-badge-link:hover::after{left:120%}
</style>
<a class="mkc-badge-link" href="https://www.markcom.lu" target="_blank" rel="noopener noreferrer">
  <img src="https://www.markcom.lu/media/2b216509-98d2-463b-8802-f8403a552170.png" alt="Membre certifié de la MarkCom, markcom.lu" width="300">
</a>

Logos

Choisissez la version selon le fond et l'usage. Pour le web, privilégiez le SVG (vectoriel, net à toute taille) ; pour l'impression, l'EPS.

Couleur

Logo couleur avec baseline · positif
SVG Logo MarkCom — positif (PNG) Nouveau logo MarkCom — version principale
Logo couleur avec baseline · négatif
SVG PNG

Édition 30 ans

Logo 30 ans positif
Logo MarkCom 30 ans — positif (SVG) Logo MarkCom 30 Years PNG
Logo 30 ans négatif
SVG PNG

Positif pour les fonds clairs, négatif et blanc pour les fonds sombres.

Quel format choisir ?

SVG pour le web et tout affichage vectoriel, net à toute taille. JPG comme format raster d'appoint (bureautique, insertion rapide). EPS pour l'impression et les usages professionnels. La source .ai reste disponible sur demande pour les graphistes. Recommandation : exportez aussi un PNG (fond transparent) depuis le SVG, car le JPG n'a pas de transparence et ajoute un cadre blanc sur les fonds colorés.