← Voir le prototypeMk3D · Identité visuelle · 02
Charte graphique · Septembre 2026

La matière.
Le savoir-faire.
La confiance.

Une identité sobre pour le développement et la fabrication de pièces sur mesure, en Suisse.

Logo Mk3D anthracite et cuivre
01 · L’intention

La technique, avec justesse.

Mk3D associe le développement de solutions sur mesure à la maîtrise de la fabrication. L’identité doit être crédible auprès d’un industriel et naturelle dans un projet d’architecture.

Trois repères : des formes simples, une typographie soignée et des photographies réelles. La compétence se montre dans les pièces, les procédés et le soin du détail.

02 · Le logo

Deux formes. Un signe.

Redessin vectoriel de la piste 10. Deux surfaces complémentaires séparées par une courbe évoquent la matière qui prend forme. Le mot-symbole utilise Unbounded Bold (700), converti en tracés pour garantir une restitution identique.

Version couleur sur fond clairVersion principale · Anthracite + cuivre
Version blanc cuivre sur fond anthraciteFond sombre · Blanc + cuivre
Logo noirMonochrome · Impression une couleur
Logo blancRéserve blanche · Fond uni sombre

Respiration et dimensions

Conserver autour du logo un espace libre au moins égal à un quart de la hauteur du symbole. Largeur minimale conseillée : 120 px à l’écran, 30 mm sur papier. Le symbole seul est réservé aux petits emplacements, à partir de 24 px ; à 16 px, contrôler la lisibilité de la séparation.

Usages à respecter

Préserver les proportions et les couleurs. Ne pas ajouter de contour, ombre, dégradé ou effet métallique. Ne pas incliner le logo. Éviter les photographies détaillées derrière le signe ; privilégier une zone calme et contrastée.

Les tracés constituent une première version de production à valider optiquement avant la signalétique ou une impression en grande série.

03 · La palette

Une présence chaleureuse et précise.

Anthracite#222625Texte · En-tête · Fonds sombres
Cuivre#B17C5CAccent · Symbole · Boutons
Ivoire#F6F4F0Fond principal · Respiration

Le cuivre reste ponctuel : signe, interaction, détail. L’ivoire domine les surfaces de lecture ; l’anthracite structure la page.

Pour les petits textes et liens sur fond ivoire, utiliser le cuivre foncé #875B40. Sur un bouton cuivre, employer un texte très sombre #171B19. Les filets sont #D7D6D0, les textes secondaires #616661.

Références numériques sRGB. Pour l’impression, convertir selon le profil ICC de l’imprimeur et valider une épreuve ; aucune équivalence Pantone n’est définie à ce stade.

04 · Les typographies
DM Serif Display · Regular 400

Du sur-mesure.
Du concret.

Une sérif expressive pour les titres, utilisée sans italique ni effets.

Manrope · Regular 400 / SemiBold 600 / ExtraBold 800

Des solutions adaptées à votre projet.

Développement et fabrication de pièces sur mesure, en Suisse.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz · 0123456789

UsagePolice / graisseOrdinateurMobile
Titre principalDM Serif Display 40054–104 px48–74 px
Titre de sectionDM Serif Display 40036–59 px36–41 px
Texte courantManrope 40016 px / 1,6516 px / 1,65
Navigation et boutonsManrope 500–60014–15 px14–15 px
Mention secondaireManrope 400–70012–13 px12–13 px

Les polices sont fournies localement avec leur licence SIL Open Font License. Les titres de la maquette de référence étaient des rendus d’image : cette charte fixe les polices réelles retenues pour l’implémentation.

05 · La composition

De l’espace pour comprendre.

Grille et rythme

Contenu centré sur 1 280 px au maximum, occupant 88 % de la largeur. Espacement vertical des sections : 82 px sur ordinateur, 54 px sur mobile. Gouttières des projets : 26 px. Deux colonnes asymétriques pour les réalisations, puis une seule sous 700 px.

Formes et interactions

Surfaces planes et filets fins. Les boutons adoptent deux coins opposés coupés à 12 px (haut gauche et bas droit), selon la variante 07 validée. Une action principale par bloc. Survol discret, focus visible au clavier. Les transitions respectent la préférence de réduction des animations. Les panneaux d’expertise s’ouvrent à la demande.

06 · Les photographies

Montrer ce qui est fait.

Détail de matière et robotApplication architecturaleMickaël à l’atelier

Trois regards complémentaires : le détail de matière, la pièce dans son contexte et l’humain à l’atelier. Conserver les couleurs réelles, sans filtre cuivre. Montrer la qualité et l’échelle par le cadrage.

Sur une image avec du texte, ajouter un voile sombre local pour assurer la lecture. Ne pas retoucher la géométrie d’une pièce ni masquer un défaut pour suggérer une capacité. Respecter les crédits et autorisations avant publication.

Photographies fournies par Tec3D. Portrait : crédit photoval.ch conservé. La banque d’images publique reste à confirmer avant la mise en ligne commerciale.

07 · La voix

Parler simplement du travail.

Des phrases courtes, concrètes et précises. Décrire un besoin, la solution apportée et son usage. « Fabrication additive », « pièces sur mesure », « développement » : les mots du métier, expliqués lorsque nécessaire.

Éviter les superlatifs, les chiffres décoratifs et les promesses générales. Ne pas présenter la défense ou le CERN comme des références, ni les équipements prévus comme déjà disponibles. Les informations financières restent internes.

Du sur-mesure. Du concret.

Texte d’accompagnement : « Développement et fabrication de pièces sur mesure, en Suisse. »

08 · Déclinaisons

Une identité qui suit le projet.

Logo sur carte de visite
Mickaël DarbellayDéveloppement & fabrication sur mesuremk3d.ch
Logo sur document
PROPOSITION DE PROJET

Votre pièce.
Notre savoir-faire.

Objet · Périmètre · Matière · Finition · Délai

Mk3D · Développement et fabrication sur mesure, en Suisse.

Principes de mise en page pour carte, devis et documents. Ces exemples ne constituent pas des documents commerciaux prêts à émettre ; raison sociale, coordonnées et mentions légales restent à compléter.

09 · Passage à WordPress

Une base commune, jusque dans Elementor.

  1. Importer les polices locales et définir les styles globaux : titres, textes, couleurs et boutons.
  2. Reproduire les conteneurs, la grille, les espacements et les points de rupture indiqués dans cette charte.
  3. Intégrer les logos SVG sans déformer les tracés, les photos optimisées et les textes validés.
  4. Compléter les coordonnées, le formulaire, les mentions légales et les fiches projets, puis vérifier les envois et le rendu sur de vrais appareils.
  5. Préparer les redirections page par page de Tec3D vers Mk3D au moment de la transition.

Cette livraison comprend un prototype autonome, un kit d’identité et une préparation WordPress/Elementor. Les modèles Elementor préparés utilisent un shortcode du compagnon Mk3D ; ils ne sont pas encore composés de widgets éditables individuellement. Les jetons de style sont fournis dans design-tokens.json ; le site actuel et ses domaines n’ont pas été modifiés.