Kit de communication

Bien informer vos acheteurs sur l’achat avec Two fera augmenter vos commandes. Vous trouverez sur cette page des ressources marketing pour promouvoir votre nouvelle solution de paiement B2B et booster vos ventes.

Vous venez de lancer Two.

Newsletter visual

Newsletter

Voici un texte que vous pouvez utiliser dans vos newsletters. NB : remplacez le X par la durée de paiement à terme proposée.
‍

Success story visual

Témoignage client

Transformez votre partenariat réussi en un article de blog convaincant pour captiver votre audience et l’inciter à agir.

Partnership illustration

Publication sur les réseaux sociaux

Publiez un contenu qui met en avant ce nouveau partenariat. Convenons d’un moment pour publier ensemble. Écrivez-nous à marketing@two.inc

Logo

Variantes et utilisation du logo.

Notre logo s’utilise idéalement sous le module principal de votre site ou dans vos newsletters. Les miniatures peuvent être placées dans votre pied de page, à côté des autres moyens de paiement.

Vous ne savez pas où le placer ? 
Télécharger notre guide de placement de la marque
Testez le redimensionnement de la bannière.
Bannières

Des bannières HTML faciles à utiliser.

Cette bannière peut être copiée telle quelle : elle s’adapte à la taille de l’écran et transmet le message sans accaparer toute l’attention.

HTML 

<div class="two-banner">
  <div class="two-banner-content">
    <div class="two-logo">
      <svg id="two_logo_svg" data-name="Two_logo" xmlns="http://www.w3.org/2000/svg" width="auto" height="100%" viewBox="0 0 72 25">
        <path id="Path_6809" data-name="Path 6809" d="M0,6.04V0H4.891V6.04H8.884v4.137H4.891v6.641c0,1.776.777,2.515,2.633,2.515h2.22v4.327H6.614C1.923,23.659,0,21.547,0,17.521Z" fill="currentColor"/>
        <path id="Path_6810" data-name="Path 6810" d="M17.342,23.481,11.472,6.041h4.994l3.779,12.308L24.961,6.041h5.1l4.689,12.308L38.525,6.041h5.03L37.681,23.481H32.257L27.5,11.17,22.783,23.481Z" fill="currentColor"/>
        <path id="Path_6811" data-name="Path 6811" d="M46.065,21.372a9,9,0,0,1-2.633-6.619,8.948,8.948,0,0,1,2.6-6.575,9.583,9.583,0,0,1,7.086-2.65A9.549,9.549,0,0,1,60.2,8.145a9.092,9.092,0,0,1,2.633,6.619A8.978,8.978,0,0,1,60.2,21.383,9.505,9.505,0,0,1,53.118,24,9.635,9.635,0,0,1,46.065,21.372ZM53.118,19.7a4.8,4.8,0,0,0,3.607-1.379,4.947,4.947,0,0,0,1.318-3.555,4.931,4.931,0,0,0-1.318-3.555,5.406,5.406,0,0,0-7.213,0A4.95,4.95,0,0,0,48.2,14.77a4.929,4.929,0,0,0,1.315,3.555A4.817,4.817,0,0,0,53.118,19.7Z" fill="currentColor"/>
        <circle id="Ellipse_338" data-name="Ellipse 338" cx="2.8" cy="2.8" r="2.8" transform="translate(66.4 18.4)" fill="#fbce49"/>
      </svg>	
    </div>
    <span class="two-message">Buy now, pay later with Two<span class="two-dot">.</span></span>
    <a href="https://www.two.inc/resources/buyers" class="two-button">Learn more</a>
  </div>
</div>

CSS 

/* Colour variables */
:root {
  --two-color-text: #fafafa;
  --two-color-banner-bg: #1e1e6c;
  --two-color-button-text: #1e1e6c;
  --two-color-button-bg: #f0f4ff;
  --two-color-button-hover-bg: #fafafa;
}

/* Banner CSS */
.two-banner {
  background-color: var(--two-color-banner-bg); 
  color: var(--two-color-text);
  padding: 10px 20px; 
}

.two-banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.two-message {
  font-size: 1.2rem;
  font-weight: 500;
}

.two-dot {
  color: #fbce49; 
}

.two-button {
  background-color: var(--two-color-button-bg); 
  color: var(--two-color-button-text); 
  padding: 8px 16px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.two-button:hover {
  background-color: var(--two-color-button-hover-bg);
}

.two-logo svg {
  height: 1.5rem;
  width: auto; 
  color: var(--two-color-text);
}

/* Tablet styles */
@media (max-width: 991px) {
  .two-message {
    font-size: 1.1rem; 
  }
  .two-logo svg {
    height: 1.4rem;
  }
}

/* Mobile landscape styles */
@media (max-width: 767px) {
  .two-message {
    font-size: 1rem; 
  }
  
  .two-logo svg {
    height: 1.2rem;
  }

  .two-button {
    font-size: 0.9rem;
    padding: 6px 12px;
  }
}

/* Mobile portrait styles */
@media (max-width: 478px) {
  .two-logo {
    display: none; 
  }

  .two-banner-content {
    justify-content: space-between; 
  }

  .two-message {
    font-size: 0.9rem; 
  }

  .two-button {
    background: none;
    color: var(--two-color-button-bg);
    padding: 0;
    border-radius: 0;
    text-decoration: underline;
    font-size: 0.9rem;
  }

  .two-button:hover {
    background-color: transparent;
    text-decoration: underline;
  }
}
/* Colour variables */
:root {
  --two-color-text: #1d1f5b;
  --two-color-banner-bg: #f1f3fe;
  --two-color-button-text:  #f1f3fe;
  --two-color-button-bg: #1d1f5b;
  --two-color-button-hover-bg: #091030;
}

/* Banner CSS */
.two-banner {
  background-color: var(--two-color-banner-bg); 
  color: var(--two-color-text);
  padding: 10px 20px; 
}

.two-banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.two-message {
  font-size: 1.2rem;
  font-weight: 500;
}

.two-dot {
  color: #fbce49; 
}

.two-button {
  background-color: var(--two-color-button-bg); 
  color: var(--two-color-button-text); 
  padding: 8px 16px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.two-button:hover {
  background-color: var(--two-color-button-hover-bg);
}

.two-logo svg {
  height: 1.5rem;
  width: auto; 
  color: var(--two-color-text);
}

/* Tablet styles */
@media (max-width: 991px) {
  .two-message {
    font-size: 1.1rem; 
  }
  .two-logo svg {
    height: 1.4rem;
  }
}

/* Mobile landscape styles */
@media (max-width: 767px) {
  .two-message {
    font-size: 1rem; 
  }
  
  .two-logo svg {
    height: 1.2rem;
  }

  .two-button {
    font-size: 0.9rem;
    padding: 6px 12px;
  }
}

/* Mobile portrait styles */
@media (max-width: 478px) {
  .two-logo {
    display: none; 
  }

  .two-banner-content {
    justify-content: space-between; 
  }

  .two-message {
    font-size: 0.9rem; 
  }

  .two-button {
    background: none;
    color: var(--two-color-button-bg);
    padding: 0;
    border-radius: 0;
    text-decoration: underline;
    font-size: 0.9rem;
  }

  .two-button:hover {
    background-color: transparent;
    text-decoration: underline;
  }
}

Boutons.

Nous utilisons Aeonik comme police principale, avec Poppins en police de secours. Aeonik étant une police payante, nous recommandons d’utiliser Poppins, gratuite et disponible, pour tous les boutons.

Texte : 16px
•
Marge interne : 12px 16px
•
Rayon : 8px
•
Contour : 1px

Principal

#444CE7
#3538CD
#3538CD
•
#C7D7FE

Secondaire

#444CE7
#EEF4FF
#EEF4FF
•
#8098F9
Guides PDF

De courts documents PDF avec l’essentiel à savoir.

Nos guides apportent l’essentiel, à vous comme à vos acheteurs. N’hésitez pas à les partager ! 

Découvrez comment fonctionne Two.

Nos vidéos de démonstration sont utiles pour les partager avec vos acheteurs et pour découvrir nos produits par vous-même. 

Coins lined horizontally indicating two's marketing assets

Tout télécharger.

Vous souhaitez toutes les ressources de cette page ? Retrouvez tous les supports marketing listés directement dans le dossier Google Drive ci-dessous, prêts à télécharger.