Presse-Kit

Offizielle Moqups-Marken-Assets – Logos, Farben und Schriften an einem Ort.

Assets herunterladen

Alle Moqups-Marken-Assets verpackt und einsatzbereit. Bitte lesen Sie unsere Markenrichtlinien vor der Veröffentlichung.

Moqups Marke

Logo-Dateien, Markenrichtlinien, Verwendungsregeln und genehmigte Farbpaletten in einem einzigen Archiv.

ZIP herunterladen

Produkt-Screenshots

Hochauflösende Screenshots, UI-Präsentationen und Interface-Vorschauen.

ZIP herunterladen

Logos

Verwenden Sie das Logo nur in den unten gezeigten genehmigten Farben. Bewahren Sie stets den durch den Rahmen definierten Freiraum. Verändern, drehen, strecken oder fügen Sie keine Effekte zu keiner Logo-Variante hinzu. Laden Sie das Marken-Kit für vollständige Verwendungsrichtlinien herunter.

SVG + PNG herunterladen

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

Farben

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

Typografie

Figtree 650–800
Display, Überschriften, UI-Beschriftungen, Schaltflächen
Google Fonts

Wireframe, Diagramm & Whiteboard Online

Value-Stream-Map-Vorlage

Ideen teilen, Abläufe visualisieren und Mockups erstellen

Arbeiten Sie überall mit Ihrem Team

Nunito Sans 400
Fließtext, Beschreibungen, UI-Texte
Google Fonts

Wireframing und Flussdiagramme sind unverzichtbare Werkzeuge für das Design von Benutzeroberflächen und die Planung von Nutzererlebnissen.

Ein Wireframe ist eine visuelle Darstellung des Layouts und der Struktur einer Webseite oder Anwendung, die die Platzierung von Elementen wie Schaltflächen, Menüs und Textfeldern zeigt.