Kit de imprensa

Recursos oficiais da marca Moqups — logotipos, cores e fontes, tudo em um só lugar.

Baixar recursos

Todos os recursos da marca Moqups empacotados e prontos para uso. Por favor, revise nossas diretrizes de marca antes de publicar.

Marca Moqups

Arquivos de logotipo, diretrizes de marca, regras de uso e paletas de cores aprovadas em um único arquivo.

Baixar ZIP

Capturas de tela do produto

Capturas de tela em alta resolução, apresentações de interface e pré-visualizações.

Baixar ZIP

Logotipos

Use o logotipo apenas nas cores aprovadas mostradas abaixo. Preserve sempre o espaço livre definido pela moldura. Não altere, gire, estique ou adicione efeitos a nenhuma variante do logotipo. Baixe o kit de marca para obter as diretrizes completas de uso.

Baixar 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

Cores

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

Tipografia

Figtree 650–800

Display, títulos, rótulos de interface, botões

Google Fonts

Wireframe, diagrama e quadro branco online

Modelo de mapa de fluxo de valor

Compartilhe ideias, mapeie fluxos e crie mockups

Trabalhe em qualquer lugar com sua equipe

Nunito Sans 400

Texto corrido, descrições, conteúdo de interface

Google Fonts

Wireframing e fluxogramas são ferramentas essenciais para projetar interfaces de usuário e planejar experiências do usuário.

Um wireframe é uma representação visual do layout e da estrutura de uma página web ou aplicação, mostrando o posicionamento de elementos como botões, menus e caixas de texto.