MotivdMotivd
À proposÉtudes de casDocumentation
TarifsSécurité

Identité de marque

Logos, icônes et ressources pour partenaires et presse.

Motivd incarne l’idée de construire ce qui compte. Notre identité visuelle — le symbole, le mot-symbole et la pastille — reflète la clarté, la propriété et une approche centrée fondateurs. Utilisez ces ressources de manière cohérente pour représenter Motivd dans les articles, intégrations et partenariats.

← Accueil

Logo

Logo principal : symbole. À utiliser sur fonds clairs ou sombres avec un contraste suffisant. Préférer le PNG pour l’écran et le SVG pour les mises en page scalables.

Motivd logo
↓Logo (PNG)↓Symbole (SVG)

Mot-symbole

Mot-symbole « Motiv » + « d ». À utiliser sur fond clair (SVG clair) ou fond sombre (SVG sombre). Ne pas étirer ni modifier les couleurs.

Motivd
↓Mot-symbole — fond sombre

Icône et favicon

Icône d’application et favicon du navigateur. À utiliser pour les raccourcis, favoris et listes d’applications.

Motivd iconFavicon
↓Favicon (ICO)↓Icon (PNG 32×32)

Pastille logo + texte

La pastille officielle : logo + « Motivd » en une seule unité. À utiliser dans les en-têtes, pieds de page ou emplacements « Propulsé par Motivd ». Ne pas modifier la forme ou les espacements.

Motivd
↓Pastille (SVG)

Couleurs de marque

Le primaire (lime) est notre CTA et accent principal ; le secondaire (bleu) sert aux liens et actions secondaires. L’accent pour les surlignages ; muted pour les surfaces ; destructive pour les erreurs et le danger.

Typographie

Les titres et affichages utilisent Bricolage Grotesque. Le corps et l’interface utilisent la pile système sans-serif (ex. Inter).

Règles d’utilisation

Gardez la marque claire et cohérente.

À faire

  • ✓Utiliser les logos et pastilles approuvés de cette page.
  • ✓Laisser un espace libre autour du logo (au moins la hauteur du symbole « M »).
  • ✓Utiliser la pastille sur des fonds unis ou discrets avec un contraste suffisant.
  • ✓En mode clair, privilégier le secondaire (bleu) pour les CTA et le texte pour la lisibilité ; ou utiliser le primaire (lime) avec du texte blanc.

À éviter

  • ✕Ne pas étirer, pivoter ni ajouter d’effets au logo.
  • ✕Ne pas modifier la répartition des couleurs « Motiv » / « d » ni utiliser des couleurs non approuvées.
  • ✕Ne pas placer le logo sur des images chargées sans conteneur contrasté.

Construisez ce qui compte

Une vraie codebase, à votre rythme : alignement PRD d’abord, construction dans Motivd Cloud, GitHub quand vous voulez. Discutez avec l’IA — pensé pour les fondateurs.

Demandez à Motivd de créer

Comment ça marche

  • 1. Décrivez votre idée

    Dites-nous ce que vous voulez construire ou déposez des maquettes.

  • 2. Cahier des charges puis code

    Nous rédigeons un cahier des charges produit (PRD) pour être alignés, puis nous construisons votre app Next.js sur Vercel.

  • 3. Déployez

    Connectez GitHub quand vous êtes prêt, déployez en un clic et ajoutez votre domaine — ou continuez depuis Motivd Cloud entre-temps.