Kit stampa

Risorse ufficiali del brand Moqups — loghi, colori e font, tutto in un unico posto.

Scarica le risorse

Tutte le risorse del brand Moqups in un pacchetto pronto all'uso. Si prega di consultare le nostre linee guida del brand prima della pubblicazione.

Brand Moqups

File del logo, linee guida del brand, regole d'uso e palette di colori approvate in un unico archivio.

Scarica ZIP

Screenshot del prodotto

Screenshot ad alta risoluzione, presentazioni dell'interfaccia utente e anteprime.

Scarica ZIP

Loghi

Utilizzare il logo esclusivamente nei colori approvati mostrati di seguito. Preservare sempre lo spazio libero definito dalla cornice. Non alterare, ruotare, allungare o aggiungere effetti ad alcuna variante del logo. Scarica il kit del brand per le linee guida complete sull'utilizzo.

Scarica 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
print
SVG PNG
icon
SVG PNG
avatar
SVG PNG
icon-white
SVG PNG
no-frame
SVG PNG

Colori

Tokens JSON ASE CSS SCSS Tailwind

moqups-grey

25
#F7F8F9
50
#F3F4F6
100
#EEF0F4
200
#DEE4EB
300
#C9D3DD
400
#9FAFC1
500
#798DA3
600
#61768B
700
#4A5A6A
800
#3B4754
900
#29323D
950
#13161A

moqups-blue

25
#F1F7FD
50
#E2F1FF
100
#D5EBFF
200
#BADCFF
300
#73BAFF
400
#40A2FF
500
#1181F1
600
#1071F2
700
#0F5CD5
800
#183EAC
900
#353D6D
950
#1E2138

moqups-yellow

25
#FFFEF6
50
#FFFDE7
100
#FFFAC3
200
#FEF69B
300
#FFF372
400
#FFEE50
500
#FFE533
600
#FED62C
700
#FCC223
800
#DDA624
900
#A17013
950
#3F3014

moqups-orange

25
#FAEFEE
50
#FFE8E5
100
#FFCFBD
200
#FFB093
300
#FF9268
400
#FF7B45
500
#FF6624
600
#F45F20
700
#E6581B
800
#C54F1E
900
#943F1B
950
#582A17

moqups-pink

25
#FFF0F4
50
#FFE9EE
100
#FFC8D0
200
#FE8F94
300
#F85F6A
400
#F54C52
500
#F0373E
600
#E12D3B
700
#CF2336
800
#A62433
900
#861C2C
950
#421219

moqups-green

25
#F7F8F6
50
#EEF6E0
100
#DEF0C3
200
#C7E79B
300
#B0DD71
400
#9CD54E
500
#8ACD25
600
#7ABD1C
700
#63A90F
800
#4D9500
900
#1E7300
950
#113704

moqups-purple

25
#F7F8F6
50
#EFEBFF
100
#DED6FF
200
#C6B9FE
300
#A48FFE
400
#8468FB
500
#7656F3
600
#5E39EC
700
#502FCD
800
#472FA2
900
#3D3365
950
#1B1828

moqups-editor-grey

25
#F7F8F9
50
#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, intestazioni, etichette UI, pulsanti
Google Fonts

Wireframe, diagramma e lavagna online

Modello di mappa del flusso del valore

Condividi idee, mappa i flussi e crea mockup

Lavora ovunque con il tuo team

Nunito Sans 400
Testo del corpo, descrizioni, contenuto UI
Google Fonts

Il wireframing e i diagrammi di flusso sono strumenti essenziali per progettare interfacce utente e pianificare esperienze utente.

Un wireframe è una rappresentazione visiva del layout e della struttura di una pagina web o di un'applicazione, che mostra il posizionamento di elementi come pulsanti, menu e caselle di testo.