Moriwano · Brand & Product System
Asian gastronomy.
United.
Ein präzises Markensystem für eine digitale Plattform, die mehrere Restaurants, Services und kulinarische Erlebnisse in einer einzigen Anwendung verbindet.
Ein präzises Markensystem für eine digitale Plattform, die mehrere Restaurants, Services und kulinarische Erlebnisse in einer einzigen Anwendung verbindet.
Moriwano vereint Restaurants, Bestellung, Reservierung, Kochkurse, Produkte, Gutscheine und digitale Services in einem konsistenten Erlebnis. Die Marke wirkt hochwertig und ruhig, ohne distanziert zu sein — kulinarisch, digital und verbindend.
Mehrere Restaurants und Leistungen erscheinen als ein klar geführtes Ökosystem.
Inhalte werden bewusst ausgewählt, hierarchisiert und visuell hochwertig präsentiert.
Navigation, Bestellung und Reservierung bleiben intuitiv und schnell verständlich.
Die digitale Präzision wird durch warme Farben, Food-Fotografie und menschliche Sprache ergänzt.
Die Wortmarke ist eine individuelle Zeichnung und darf niemals mit einer Schrift nachgebaut werden. Das App-Icon übersetzt das charakteristische „O“ in ein kompaktes, digitales Erkennungszeichen.
| Anwendung | Regel |
|---|---|
| Schutzraum | Mindestens 1× Innendurchmesser des O rund um die Wortmarke |
| Digital | Wortmarke nicht kleiner als 140 px Breite |
| Wortmarke nicht kleiner als 35 mm Breite | |
| App-Icon | Nur als vollständiges Icon mit definiertem Hintergrund verwenden |
Nicht horizontal oder vertikal verzerren.
Keine nicht freigegebenen Farbkombinationen.
Nicht rotieren, neigen oder perspektivisch verformen.
Nicht ohne ruhige Kontrastfläche auf Fotos platzieren.
Das Farbsystem verbindet dunkle, präzise Interface-Flächen mit warmer Elfenbein-Tonalität. Olive dient als sparsamer funktionaler Akzent — etwa für Preise, Status oder ausgewählte Hinweise.
Inter ist die primäre Informations- und UI-Schrift. Sie ist neutral genug für komplexe Funktionen und zugleich präzise genug für hochwertige Markenkommunikation. Die Moriwano-Wortmarke ist kein Font und wird ausschließlich als Originaldatei verwendet.
| Stufe | Gewicht | Größe / Zeile | Einsatz |
|---|---|---|---|
| Display XL | 500 | 72 / 76 | Kampagne, Brand Statement |
| H1 | 500 | 48 / 52 | Seitentitel |
| H2 | 500 | 34 / 40 | Abschnittstitel |
| H3 | 600 | 22 / 28 | Karten, Module |
| Body | 400 | 16 / 25 | Fließtext |
| UI Label | 600 | 12 / 16 | Buttons, Tabs |
| Micro | 500 | 10 / 14 | Status, Navigation |
Kurze Überschriften, klare Satzstruktur, keine unnötige Versalschrift. Labels können in Versalien gesetzt werden, erhalten aber großzügige Laufweite. Zahlen und Preise werden tabellarisch und gut scanbar dargestellt.
Die Form des App-Icons — abgerundetes Quadrat mit zentralem Punkt — liefert die Grundlage für Karten, Rahmen, Fokuszustände und grafische Muster. Die Gestaltung bleibt großzügig und vermeidet dekorative Überladung.
Radius · Rahmen · Punkt · Kontrast
16–24 px für UI-Karten, 28–34% für App-Icon und Hero-Formen.
1 px ruhige Trennlinien. Icons mit 1,5 px Strich und runden Enden.
Als Fokus, Status oder wiederkehrendes Markensignal — niemals rein dekorativ in hoher Dichte.
Moriwano zeigt kulinarische Qualität und reale Restaurantmomente. Bilder sollen Nähe schaffen: warme Lichtstimmungen, sichtbare Texturen, klare Speisen und echte Räume. Die Fotografie bleibt hochwertig, aber nie steril.
Warme Food-Nahaufnahmen, authentische Restaurantdetails, Hände bei Zubereitung, klare Bildhierarchie, dunkle Flächen mit gezieltem Licht.
Überbelichtete Stockfotos, zu viele Speisen in einem Bild, unruhige Hintergründe, starke Filter, gesättigte Neonfarben oder klischeehafte Asia-Symbolik.
Die Icons unterstützen zentrale Aufgaben und werden auf einem 24- oder 32-Pixel-Raster konstruiert. Sie sind linear, freundlich und technisch präzise. Komplexe Illustrationen werden vermieden.
1,5 px auf 24 px. Bei 32 px kann auf 1,75 px erhöht werden.
Runde Linienenden und ruhige Kurven. Keine scharfen, aggressiven Winkel.
Standard: Charcoal. Ivory auf dunklen Flächen. Olive nur für Status oder ausgewählte Highlights.
Das Interface kombiniert dunkle Navigationsflächen mit hellen, klaren Inhaltskarten. Großzügige Abstände und weiche Radien sorgen für Ruhe, während starke Kontraste die Orientierung sichern.
◎4-Pixel-Basisraster. Standardabstände: 8, 12, 16, 24, 32 und 48 px.
16–20 px Radius, 1 px neutraler Rand, sehr zurückhaltender Schatten.
2 px Ivory- oder Olive-Fokuslinie mit 2 px Offset. Fokus darf nie ausschließlich farblich kommuniziert werden.
Bestellung und Reservierung folgen einer klaren Aufgabenlogik. Preise, Mengen und primäre Aktionen sind sofort erkennbar. Restaurantauswahl und Checkout werden als fokussierte Bottom-Sheets oder eigenständige Schritte geführt.
Gedämpfte Teigtaschen mit Garnelen und Ponzu
€ 3,50Gedämpfte Teigtaschen mit Schweinefleisch
€ 3,50Maximal vier bis fünf Hauptziele. Aktiver Status durch Fläche, Kontrast und Label — nicht nur durch Farbe.
Die Kernaufgaben liegen im Daumenbereich und funktionieren mit kurzen Wegen. Karten werden auf kleinen Displays einspaltig oder zweispaltig geführt, ohne Informationsdichte künstlich zu erhöhen.
Mindestens 44 × 44 px. Primäre Aktionen bevorzugt 48–56 px hoch.
Für Restaurantauswahl, Filter und sekundäre Entscheidungen. Immer mit klarer Schließ- oder Rückkehrmöglichkeit.
Navigation und Checkout berücksichtigen Geräte-Safe-Areas sowie dynamische Browserleisten.
Das System funktioniert in digitalen und physischen Kontaktpunkten: App-Icon, Loyalty Card, Restaurantkommunikation, Gutscheine, Social Media, Präsentationen und Case Studies.
Icon immer ohne zusätzliche Schrift oder Rahmen. Skalierung optisch prüfen.
Charcoal-Grund, Ivory-Logo, minimale Information, hochwertige Materialität.
Große Food-Bilder, kurze Headlines, Logo klein und mit Schutzraum.
Restaurantnamen dürfen eigenständig auftreten, bleiben aber im Moriwano-Raster.
Moriwano spricht klar und serviceorientiert. Texte sollen Lust machen, aber nie übertreiben. Funktionshinweise sind kurz, verständlich und handlungsbezogen.
Konkrete Aromen, Angebote und Erlebnisse benennen. Keine austauschbaren Superlative.
Der nächste Schritt wird verständlich formuliert. Fehlermeldungen helfen weiter.
Keine Ausrufezeichen-Kaskaden, kein künstlicher Zeitdruck und keine aggressiven Verkaufsformulierungen.
Entdecken · Reservieren · Auswählen · Bestellen · Abholen · Genießen
Jetzt zuschlagen! · Mega-Deal · Unbedingt probieren!!! · Exklusiv nur heute
Barrierefreiheit ist Bestandteil des Designs. Kontrast, Fokus, Lesbarkeit und klare Statuskommunikation werden bereits im Komponenten-System berücksichtigt.
Neue Funktionen, Restaurantpartner und Kampagnen werden auf Basis der bestehenden Tokens und Komponenten ergänzt. Einzelne Sonderlösungen dürfen die Wiedererkennbarkeit und Bedienlogik nicht aufbrechen.
moriwano_[asset]_[variant]_[version]
Beispiel: moriwano_logo_ivory_v1.svg
SVG für Logos und Icons, WebP/AVIF für Webbilder, PNG nur bei notwendiger Transparenz.
Neue UI-Muster, Farben oder Logo-Anwendungen werden vor Veröffentlichung zentral geprüft.
| Prüfung | Frage |
|---|---|
| Marke | Ist die Wortmarke unverändert und mit ausreichendem Schutzraum eingesetzt? |
| System | Verwendet die Anwendung freigegebene Farben, Radien, Abstände und Komponenten? |
| Inhalt | Ist die Sprache klar, serviceorientiert und frei von unnötigen Superlativen? |
| Accessibility | Sind Kontrast, Fokus, Touch-Ziele und Alternativtexte geprüft? |
| Responsive | Funktionieren Kernprozesse auf kleinen Displays ohne horizontales Scrollen? |