Kit presse

Ressources officielles de la marque Moqups — logos, couleurs et polices, réunis en un seul endroit.

Télécharger les ressources

Toutes les ressources de la marque Moqups packagées et prêtes à l'emploi. Veuillez consulter nos directives de marque avant toute publication.

Marque Moqups

Fichiers de logo, directives de marque, règles d'utilisation et palettes de couleurs approuvées dans une seule archive.

Télécharger ZIP

Captures d'écran du produit

Captures d'écran haute résolution, présentations d'interface et aperçus.

Télécharger ZIP

Logos

Utilisez uniquement le logo dans les couleurs approuvées indiquées ci-dessous. Préservez toujours l'espace libre défini par le cadre. Ne modifiez, ne faites pas pivoter, n'étirez pas et n'ajoutez pas d'effets à aucune variante du logo. Téléchargez le kit de marque pour les directives d'utilisation complètes.

Télécharger SVG + PNG

Wordmark

main

SVG PNG

transparent

SVG PNG

transparent-white

SVG PNG

transparent-print

SVG PNG

no-frame

SVG PNG

M Symbol

main

SVG PNG

inverted-white

SVG PNG

icon

SVG PNG

avatar

SVG PNG

icon-white

SVG PNG

no-frame

SVG PNG

Couleurs

Tokens JSON ASE CSS SCSS Tailwind

moqups-grey

#F7F8F9

#F3F4F6

100

#EEF0F4

200

#DEE4EB

300

#C9D3DD

400

#9FAFC1

500

#798DA3

600

#61768B

700

#4A5A6A

800

#3B4754

900

#29323D

950

#13161A

moqups-blue

#F1F7FD

#E2F1FF

100

#D5EBFF

200

#BADCFF

300

#73BAFF

400

#40A2FF

500

#1181F1

600

#1071F2

700

#0F5CD5

800

#183EAC

900

#353D6D

950

#1E2138

moqups-yellow

#FFFEF6

#FFFDE7

100

#FFFAC3

200

#FEF69B

300

#FFF372

400

#FFEE50

500

#FFE533

600

#FED62C

700

#FCC223

800

#DDA624

900

#A17013

950

#3F3014

moqups-orange

#FAEFEE

#FFE8E5

100

#FFCFBD

200

#FFB093

300

#FF9268

400

#FF7B45

500

#FF6624

600

#F45F20

700

#E6581B

800

#C54F1E

900

#943F1B

950

#582A17

moqups-pink

#FFF0F4

#FFE9EE

100

#FFC8D0

200

#FE8F94

300

#F85F6A

400

#F54C52

500

#F0373E

600

#E12D3B

700

#CF2336

800

#A62433

900

#861C2C

950

#421219

moqups-green

#F7F8F6

#EEF6E0

100

#DEF0C3

200

#C7E79B

300

#B0DD71

400

#9CD54E

500

#8ACD25

600

#7ABD1C

700

#63A90F

800

#4D9500

900

#1E7300

950

#113704

moqups-purple

#F7F8F6

#EFEBFF

100

#DED6FF

200

#C6B9FE

300

#A48FFE

400

#8468FB

500

#7656F3

600

#5E39EC

700

#502FCD

800

#472FA2

900

#3D3365

950

#1B1828

moqups-editor-grey

#F7F8F9

#EAEAF0

100

#DFE1E7

200

#D2D7DE

300

#C4CAD0

400

#A8AFB7

500

#848D93

600

#6C757F

700

#525960

800

#40444A

900

#2E3237

950

#26292D

moqups-imagery-colors

#986079

#D5987C

#F8CBA5

#FE8F94

#F45F20

#FFA71C

#FEDB2C

#D8E33C

#B0DD71

#7ABA78

#4FA793

#9BF0F6

#5CB1FF

#6176F9

#A48FFE

#D877C3

Typographie

Figtree 650–800

Affichage, titres, étiquettes d'interface, boutons

Google Fonts

Wireframe, diagramme et tableau blanc en ligne

Modèle de carte de flux de valeur

Partagez des idées, cartographiez les flux et créez des maquettes

Travaillez n'importe où avec votre équipe

Nunito Sans 400

Corps de texte, descriptions, contenu d'interface

Google Fonts

Le wireframing et les organigrammes sont des outils essentiels pour concevoir des interfaces utilisateur et planifier des expériences utilisateur.

Un wireframe est une représentation visuelle de la mise en page et de la structure d'une page web ou d'une application, montrant le placement d'éléments tels que les boutons, les menus et les zones de texte.