MAKR
Eine Museumsvitrine für handgefertigte Lederwaren. Ein ruhiger, ganz in Weiß gehaltener Raum, in dem Etiketten in warmem Schwarz unter großformatigen Fotografien von Lederwaren in der Hand oder vor Landschaften schweben; der einzige Farbkontrast ist ein dezenter Streifen Salbeigrün.
MAKR ist eine Online-Galerie für handgefertigte Lederwaren, die auf einer fast vollständig achromatischen Farbpalette basiert, in der die Fotografie das dominierende Element darstellt. Ein einzelner, fast grauer Bannerton (mit einem subtilen Hauch von Salbeigrün) akzentuiert den oberen Werbestreifen, während alles andere – Oberflächen, Texte, Trennlinien, Links – in tiefem, warmem Schwarz auf weißem Hintergrund gehalten ist. Die Typografie ist Sohnes neogroteske Form in ihrer zurückhaltendsten Form: Kleine Schriftarten, großzügiger Zeilenabstand und positiver Buchstabenabstand für Großbuchstaben in den Bildunterschriften wirken wie Text an einer Galeriewand, nicht wie eine Weboberfläche. Das Layout ist bilddominiert, asymmetrisch und minimalistisch, wie in einem Museum: Objekte werden in der Hand, in Landschaften, bei natürlichem Licht fotografiert, mit winzigen, linkähnlichen Bildunterschriften darunter. Die Komponenten sind nahezu unsichtbar – unterstrichene Textlinks, versteckte Eingabefelder, keine Schatten, keine abgerundeten Schaltflächen –, sodass die Lederart und die Fotografie eine zentrale Rolle bei der Gestaltung der Marke spielen.
Ein randloses Layout ohne maximale Inhaltsbreite – Bilder füllen den gesamten Viewport. Das obere Banner erstreckt sich über die gesamte Breite, gefolgt von der Header-Navigation in voller Breite. Der Hauptinhaltsbereich nutzt ein mehrspaltiges Bildraster (2–3 Spalten auf Desktop-Computern) mit minimalen oder gar keinen Abständen, wodurch die Fotos ihre eigene visuelle Struktur entwickeln. Text und Links befinden sich in weißen Bereichen unterhalb der Bilder und überlappen sich nicht. Die redaktionellen Abschnitte wechseln zwischen Produktpräsentationen und Lifestyle-Fotografien in voller Breite. Der großzügige vertikale Abstand (80–1,5 Zeilen zwischen den Abschnitten) vermittelt das Gefühl, durch eine Galerie zu schlendern. Das Newsletter-Anmeldeformular ist ein festes Panel unten links; ein ausblendbares Anmeldeformular befindet sich ganz unten im Viewport. Der Gesamteindruck erinnert eher an einen Museumskatalog oder eine redaktionelle Doppelseite als an ein typisches E-Commerce-Layout.
Fotografie ist der Kerninhalt und die Sprache der Marke. Zwei Bildstile existieren nebeneinander: (1) Großformatige Schwarz-Weiß-Aufnahmen des Produkts in der Hand, quadratisch oder im 3:4-Format beschnitten, mit hohem Kontrast – das Objekt füllt den Bildausschnitt ohne Lifestyle-Kontext; (2) farbenfrohe Lifestyle-Fotos in warmem, natürlichem Licht, Landschaften in Erdtönen, Models mit Taschen in Bewegung, aus der Froschperspektive mit geringer Schärfentiefe aufgenommen. Der Wechsel zwischen Graustufen- und Farbbildern erzeugt einen einheitlichen visuellen Rhythmus auf der Seite. Keine Illustrationen, keine 3D-Renderings, keine abstrakten Grafiken. Die Bilder füllen die gesamte Seite oder erstrecken sich über die gesamte Seitenbreite, in Rasterzellen ohne Radius und ohne Rahmen. Icons fehlen oder sind minimal – ein einfaches Kreuz zum Schließen, mehr nicht.
Palette
Neutral
- Obsidian Ink
#1c1717— Der Haupttext, alle Textlinks, Fließtext, Überschriften, Symbolumrisse und dezente Rahmenlinien der gesamten Benutzeroberfläche sind in dieser Primärfarbe gehalten – einem Seitenverhältnis von 17,7:1 auf weißem Hintergrund, das in über 5.000 Instanzen verwendet wird. Der sehr dezente, warme Ton (kein reines Schwarz) verleiht der gesamten Oberfläche eher die Anmutung eines gedruckten Katalogs als die eines Bildschirms. - Paper
#ffffff— Dünne Ränder, Trennlinien, Umrisse von Eingabefeldern und Kartenränder auf hellen Oberflächen. Vermeiden Sie es, diese Farbe als Hauptfarbe für Call-to-Action-Schaltflächen zu verwenden. - Bone
#f0f0f0— Eine zweite Oberfläche dient zum Abwechseln von Abschnitten und erzeugt dezente Panelhintergründe sowie innere Ränder/Trennlinien. Sie erzeugt einen subtilen, warmen Grauton zwischen dem Weiß des Papiers und dem Hellgrün der Anzeige. - Eucalyptus Mist
#a9aea9— Der Banner-Hintergrund am oberen Seitenrand, die dezenten Farbübergänge zwischen den Abschnitten und ein dritter Rahmen. Für sich genommen wirkt er fast grau, doch in voller Breite nimmt er einen subtilen Salbeigrünton an – den einzigen Farbakzent im monochromen Design.
Typografie
von 11 auf 32 Pixel · 5 Schritte
- Sohne Web — Ersatz: Inter · Umrisse 400 · Der gesamte Stil der Benutzeroberfläche – Haupttext, Navigation, Links, Überschriften, Schaltflächen, Eingabefelder, Symbole und Bildunterschriften – wird verwendet. Die Schriftart Söhne in Stärke 400 (es wurden keine fetten Varianten gefunden) verleiht MAKR seine unaufdringliche, aber dennoch selbstbewusste Ausdruckskraft: Informationen werden durch Größe und Buchstabenabstand vermittelt, nicht durch Kontraste in der Schriftstärke. Alternativen: Inter, Söhne oder Untitled Sans.
- CircularXXMonoWeb — Ersatz: JetBrains Mono · Umrisse 400 · Nur für gelegentliche technische Anweisungen oder Produktspezifikationen – ein leises, monospaced Mono, das den Rhythmus der Neo-Grotesken durchbricht. Sparsam verwenden: Produktcode, Materialspezifikationen, sonst nichts. Ersetzen durch: JetBrains Mono oder IBM Plex Mono.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 5-8px |
| Radius der Schaltfläche | 0px |
| Kartenradius | 0px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 80-120px |
KI erstellt Ihre Website im MAKR -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- FARFETCH España — Eine Modegalerie im Stil des „White Cube“. Stellen Sie sich einen exklusiven Verkaufsraum vor, in dem Wände, Böden und Einrichtungsgegenstände strahlend weiß sind und nur die Kleidung und die Menschen, die sie tragen, für jede Nuance, Textur und jeden visuellen Ausdruck sorgen.
- Franco Maria Ricci Editore — Art-Deco-Galeriekatalog – Polierte Goldlinien auf strahlend weißem Pergament
- Laura Monin — Editorial-Galeriewand, weißer Marmor, Stempel
- OhDada — Bildergaleriewand für redaktionelle Zwecke
- Cursor — Eine gemütliche Pergamentwerkstatt, erleuchtet von glimmenden Kohlen
- Structured — Renaissance-Galerie auf plastilinartigem Papier
- MindMarket — Ein gemütliches Märchenbuch auf cremefarbenem Papier – eine freundliche redaktionelle Leinwand, auf der große Inter-Schlagzeilen und ausgeschnittene Papierfiguren auf einer sonnendurchfluteten, aufkleberweichen Oberfläche koexistieren.
- Airbnb — Eine schlichte weiße Bilderwand mit einem einzelnen korallenroten Lesezeichen
- Apple (España) — Die Museumsgalerie präsentiert sich im sanften Tageslicht als ein einziger, faszinierender, schwereloser weißer Raum, in dem jedes Exponat von einem Scheinwerfer vor einer leicht getönten Wand beleuchtet wird.
- Lamborghini — Schwarze Karosseriefarbe im Ausstellungsraum, unter den Scheinwerfern – ein gelbes Auto
- Amplemarket — Ein sonnendurchfluteter Arbeitsplatz, übersät mit Konfetti
- Getharvest — Ein Schreibtisch in der goldenen Stunde – eine warme, cremefarbene Leinwand, weiße Postkarten daran und eine einzelne, hellorange Flamme