Marque

Logos, couleurs et typographie.

Tout ce qu’il vous faut pour parler de WebTwizz, le référencer dans un annuaire ou le présenter aux côtés de votre propre produit. Utilisation libre, tant que notre marque reste reconnaissable.

Télécharger le kit de marque

Tous les fichiers de cette page, dans une seule archive zip.

Symbole

Le symbole.

Utilisez le W seul lorsque le logo complet serait trop petit pour être lisible, ou lorsque le nom figure déjà à proximité.

WebTwizz icon

Icon

Par défaut. Pour les avatars, les favicons et les icônes d’application.

WebTwizz wide mark

Wide mark

Pour les espaces larges comme les bannières et les en-têtes.

Illustration

Des visuels prêts à l’emploi.

Le logo sur les fonds de la marque, aux dimensions adaptées aux présentations, aux articles et à l’impression.

WebTwizz logo on light

Logo on light

Des visuels prêts à l’emploi pour vos présentations, articles et publications presse.

WebTwizz logo on dark

Logo on dark

Le même visuel sur le fond sombre de la marque.

Utilisation

Gardez-le bien dégagé.

Quelques règles pour que le logo garde la même identité partout où il apparaît.

Espace libre

Laissez un espace libre d’au moins la moitié de la hauteur du symbole de chaque côté. Aucun autre élément ne doit entrer dans cette zone.

96 px
16 px

Taille minimale

À l’écran, le logo doit mesurer au moins 96 px de large. En dessous, utilisez le symbole, qui reste lisible jusqu’à 16 px.

À éviter

  • Recolorer le symbole ou remplacer ses nuances de bleu.
  • Étirer, écraser, faire pivoter ou déformer le logo.
  • Ajoutez des ombres, des contours, des lueurs ou des dégradés.
  • Retaper le nom du logo dans une autre police.
  • Placer le logo en couleur sur des photos chargées ou des couleurs peu contrastées.
  • Réorganiser le symbole et le nom.

Saisie du nom

C’est WebTwizz : un seul mot, avec un W et un T majuscules.

WebtwizzWeb TwizzWEBTWIZZwebTwizz

Dans une URL ou un identifiant, les minuscules conviennent : webtwizz.com, @webtwizz.

Couleur

Couleur.

Le bleu de la marque donne le ton. Tout le reste reste sobre et neutre. Cliquez sur une couleur pour la copier.

Marque

Interface

Typographie

Typographie.

Trois familles de caractères, toutes gratuites sur Google Fonts. Le logo typographique utilise un lettrage sur mesure : utilisez les fichiers du logo plutôt que de le retaper.

Bricolage Grotesque

Headlines

Graisses 600, 700

Obtenir sur Google Fonts

Transformez une idée en application fonctionnelle.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Inter

Interface and body text

Graisses 400, 500, 600

Obtenir sur Google Fonts

Décrivez ce que vous voulez. WebTwizz le construit, puis vous cliquez pour modifier ce que vous souhaitez.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

JetBrains Mono

Code and small labels

Graisses 400, 500

Obtenir sur Google Fonts

Publié sur yourdomain.com

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

À propos

Présenter WebTwizz.

Copiez l’un de ces deux textes pour vos articles, annuaires et pages partenaires.

One line

WebTwizz is an AI app builder that turns a plain-language description into a real, working app, then publishes it in one click.

Paragraph

WebTwizz is an AI app builder for people who want a working product, not a mockup. Describe what you want and WebTwizz builds a real app with accounts, data and payments. Click anything on the page to change it, edit text in place, and publish to your own domain. The code is yours to keep.

Vous ne trouvez pas ce qu’il vous faut ? Écrivez à support@webtwizz.com.