COS
eine trendige Galerie mit weißen Wänden
COS nutzt die visuelle Sprache einer Galerie für zeitgenössische Kunst: große weiße Wände, großformatige Schwarzweißfotografien und eine Typografie, die die Models nicht beeinträchtigt. Die Benutzeroberfläche ist nahezu farblos – achromatisch – und verwendet lediglich einen fast schwarzen Hintergrund (#080808) auf reinem Weiß (#ffffff) als strukturellen Kontrast. Ein einzelner roter Farbtupfer (#c80000) dient als subtiler Akzent für Momente, die zwar dringlich, aber nicht aufdringlich wirken sollen. Die Abstände sind großzügig und redaktionell angemessen, mit Einzügen von bis zu 135 Pixeln. Die Elemente fügen sich nahtlos in die Seite ein: dünne Ränder (#dadada), keine Schatten, keine Farbverläufe, keine abgerundeten Ecken. Die Typografie (SuisseIntl) ist das einzige Ornament – eine einheitliche Groteskschrift, die von den 12 Pixel großen Mikrolabels bis zu den 35 Pixel großen Kategoriebeschreibungen durchgängig verwendet wird und sich leicht ins Positive verschiebt, um an die Schriften der Galerie anzuknüpfen.
Das Seitenmodell nutzt volle Höhe – die Arbeitsfläche erstreckt sich von Rand zu Rand ohne Begrenzung der Breite. Inhalte werden durch trennende Bilder und Leerraum anstatt durch eine zentrierte Spalte strukturiert. Der Hero-Bereich besteht aus zwei redaktionell gestalteten Porträts in voller Breite, die vertikal zu gleichen Teilen angeordnet sind und so dominant wirken, dass sie als strukturelle Visitenkarte der Marke dienen. Unterhalb des Hero-Bereichs wechseln sich Textblöcke auf weißem Hintergrund (zentriert, einspaltig) und weitere Bilder in voller Höhe ab. Der vertikale Rhythmus ist großzügig: Die Abstände zwischen den Abschnitten erzeugen ein Gefühl von Weite, ähnlich wie in einem Museum. Die Navigation besteht aus einem schmalen weißen Streifen mit einem zentrierten Logo und einer rechtsbündigen Sprachauswahl – es gibt keine horizontale Kategorienleiste und kein Mega-Menü im Hauptfenster. Die Informationsdichte ist gering: eine Aussage pro Abschnitt, ein Bild pro Idee.
Großformatige Modefotografien dominieren die Seite – Porträts in voller Breite und Dreiviertelansichten von Models, aufgenommen unter kontrollierter Studiobeleuchtung, überwiegend in neutralen und gedämpften warmen Tönen. Die Bilder sind dicht aneinandergereiht und füllen den Raum von Rand zu Rand, ohne abgerundete Ecken, dekorative Masken oder überlagerte Rahmen. Eine charakteristische Technik ist die Anordnung „zwei Porträts nebeneinander“ (MUJER / HOMBRE): zwei gleichwertige Porträts nebeneinander, jedes mit einer Kategorieangabe in der unteren linken Ecke versehen. Die Fotografien sind wie Galerieabzüge gerahmt – das Motiv steht im Vordergrund, Kontext und menschliche Dimension fehlen, und die Farbpalette ist monochrom. Keine Szenen aus dem Leben, keine Requisiten, keine strukturierten Hintergründe.
Palette
Neutral
- Canvas White
#ffffff— Eine helle, stützende Oberfläche, die einen unaufdringlichen Hintergrund bildet und Abschnitte voneinander trennt. Sie sollte nicht als Hauptfarbe für den Handlungsaufruf verwendet werden. - Ink Black
#080808— Fließtext, Symbole, Links, Navigationselemente, Schaltflächenränder, Logo, Fußzeilentext – eine weichere Farbe als reines Schwarz, damit Fotos nicht zu scharf wirken. - True Black
#000000— Beim Überlagern des Haupttextes mit dunklen Bildern, Fließtext und Schaltflächenbeschriftungen wird reines Schwarz nur für die kontrastreichsten typografischen Elemente verwendet. - Mist Gray
#dadada— Dezente Ränder, unterstrichene Eingabefelder, unauffällige Trennlinien, Umrisse im deaktivierten Zustand – der unauffälligste neutrale Farbton, sichtbar nur durch das, was er trennt. - Signal Red
#c80000— Die rote Farbe dient als zusätzlicher Akzent für dekorative Details und zur Hervorhebung tiefer Frequenzen.
Typografie
von 12 auf 35 Pixel · 3 Schritte
- SuisseIntl — Ersatz: Neue Haas Grotesk Display · Umrisse 400, 500, 700 · Für Navigation, Fließtext, Überschriften, Schaltflächen und Produktbeschreibungen wird durchgehend dieselbe Schriftart verwendet. Der positive Buchstabenabstand (0,01–0,04em) ist für eine Bildschirmschrift ungewöhnlich und verstärkt den Eindruck eines gedruckten Katalogs. Die Schriftstärke 700 ist für Kategoriebeschreibungen reserviert, 500 für Navigation und Schaltflächen und 400 für alle übrigen Elemente. Das Branding ist durch die Verwendung einer einzigen Schriftfamilie und eines sehr kleinen Größenbereichs (12–35 px) konsistent – die Schrift wirkt nie aufdringlich.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | geräumig |
| Grundlegender Schritt | 8px |
| Radius der Schaltfläche | 0px |
| Kartenradius | 0px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 135px |
KI erstellt Ihre Website im COS -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
- Airbnb — Eine schlichte weiße Bilderwand mit einem einzelnen korallenroten Lesezeichen
- Apple (España) — weiße Galerievitrine
- Silencio — Ein weißer Raum mit schwebenden Artefakten. Eine Galerieausstellung aus warmem Papier, bei der jedes Element seinen Platz vor einem Hintergrund aus negativem Volumen einnimmt, und die Stille ist eine bewusste Gestaltungsentscheidung.
- Oakâme — Eine sonnendurchflutete provenzalische Werkstatt, aus warmem Stein gehauen
- Nike — Eine monochrome Galerie sportlicher Errungenschaften – weiße Wände, das Produkt als Kunstwerk, Chrom im Hintergrund aufgelöst
- Arc — Industrielle weiße Galerie über Mitternachtswasser
- Rivian — Ein elektrischer Monolith an der Betonwand der Galerie. Rivian präsentiert jedes Fahrzeug als Skulptur vor einem weitläufigen weißen Raum, wobei die Typografie so groß ist, dass sie zu einem architektonischen Element wird, und ein einzelnes warmes Gelb die monochrome Atmosphäre durchbricht, wie Sonnenlicht auf einer matten Oberfläche.
- Analogue — Schwarze Galerievitrine – Waren schweben im Nichts
- ddna — Warme Museumsvitrine auf unbehandeltem Leinen
- Zellerfeld — Eine Bildhauerwerkstatt aus weißem Marmor – die monolithischen Oberflächen des Sockels, ein einzelner Funke Kobalt, ein Hauch von Kleinbuchstaben vom Boden bis zur Decke
- UY Studio — Die steinerne Galerie des Klosters ist ein ruhiger Raum mit Betonwänden, in dem Parfümflakons auf weißen Sockeln stehen, beleuchtet von einer 400-Watt-Lampe und vier warmgrauen Glühbirnen.
- Basic.Space — Kuratorengalerie auf weißem Marmor