Kit de prensa

Recursos oficiales de la marca Moqups — logotipos, colores y fuentes, todo en un solo lugar.

Descargar recursos

Todos los recursos de la marca Moqups empaquetados y listos para usar. Por favor, revise nuestras directrices de marca antes de publicar.

Marca Moqups

Archivos de logotipo, directrices de marca, reglas de uso y paletas de colores aprobadas en un único archivo.

Descargar ZIP

Capturas de pantalla del producto

Capturas de pantalla en alta resolución, presentaciones de interfaz y vistas previas.

Descargar ZIP

Logotipos

Utilice el logotipo únicamente en los colores aprobados que se muestran a continuación. Preserve siempre el espacio libre definido por el marco. No altere, rote, estire ni añada efectos a ninguna variante del logotipo. Descargue el kit de marca para obtener las directrices completas de uso.

Descargar 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

Colores

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

Tipografía

Figtree 650–800

Display, encabezados, etiquetas de interfaz, botones

Google Fonts

Wireframe, diagrama y pizarra en línea

Plantilla de mapa de flujo de valor

Comparte ideas, mapea flujos y crea maquetas

Trabaja desde cualquier lugar con tu equipo

Nunito Sans 400

Texto principal, descripciones, contenido de interfaz

Google Fonts

El wireframing y los diagramas de flujo son herramientas esenciales para diseñar interfaces de usuario y planificar experiencias de usuario.

Un wireframe es una representación visual del diseño y la estructura de una página web o aplicación, que muestra la ubicación de elementos como botones, menús y cuadros de texto.