COS
modna galeria z białymi ścianami
COS wykorzystuje gramatykę wizualną galerii sztuki współczesnej: rozległe białe ściany, wielkoformatowe monochromatyczne fotografie i typografię, która nie koliduje z modelami. Interfejs jest praktycznie bezbarwny – achromatyczny – wykorzystujący niemal czarny (#080808) kolor na czystej bieli (#ffffff) jako jedyny kontrast strukturalny, z pojedynczym akcentem czerwieni (#c80000) zarezerwowanym jako subtelny akcent w momentach, które powinny wydawać się pilne, ale nie nachalne. Odstępy są obszerne i redakcyjnie odpowiednie, z wcięciami sekcji sięgającymi 135 px, a komponenty rozpływają się w stronie: cienkie obramowania na #dadada, brak cieni, gradientów i zaokrąglonych rogów. Typografia (SuisseIntl) to jedyny element ozdobny – pojedyncza groteskowa rodzina czcionek, która pozostaje spójna od mikro-etykiet 12 px do opisów kategorii 35 px, przesuwając się nieznacznie w stronę pozytywu, aby przywołać kroje pisma galerii.
Model strony pełnej wysokości — obszar roboczy rozciąga się od krawędzi do krawędzi bez kontenera o maksymalnej szerokości, a treść jest zakotwiczona poprzez podział obrazów i białej przestrzeni, a nie poprzez wyśrodkowaną kolumnę. Bohaterem jest pionowy podział 50/50 dwóch portretów redakcyjnych o pełnej szerokości, tak dominujący, że stanowi strukturalną wizytówkę marki. Poniżej bohatera sekcje naprzemiennie zawierają bloki tekstu na białym tle (wyśrodkowane, w jednej kolumnie) i dodatkowe obrazy o pełnej wysokości. Pionowy rytm jest przestrzenny: przerwy między sekcjami tworzą wrażenie przestrzeni między paskami, jak na ścianie muzeum. Nawigacja to pojedynczy cienki biały pasek z wyśrodkowanym logo i selektorem lokalizacji wyrównanym do prawej — nie ma poziomego paska kategorii ani widocznego mega-menu w ramce głównej. Gęstość informacji jest niska: jedno stwierdzenie na sekcję, jeden obraz na pomysł.
Na stronie dominują wielkoformatowe zdjęcia modowe – portrety na całej szerokości i ujęcia modelek do ¾ długości, wykonane w kontrolowanym oświetleniu studyjnym, przeważnie neutralne i stonowane, o ciepłych barwach. Zdjęcia są ciasno upakowane, wypełniając przestrzeń od krawędzi do krawędzi, bez zaokrąglonych narożników, dekoracyjnych masek czy nakładających się ramek. Charakterystyczną techniką jest rama „dwa portrety obok siebie” (MUJER / HOMBRE): dwa równie ważne portrety umieszczone obok siebie, każdy oznaczony pojedynczą etykietą kategorii w lewym dolnym rogu. Fotografie są oprawione jak odbitki galeryjne – temat jest wyeksponowany, kontekst nie istnieje, skala ludzka jest nieobecna, a paleta barw jest monochromatyczna. Żadnych scen z życia, żadnych rekwizytów, żadnych teksturowanych teł.
Paleta
Neutralny
- Canvas White
#ffffff— Jasna powierzchnia nośna służąca do stworzenia dyskretnego tła i oddzielenia sekcji. Nie powinna być używana jako kolor podstawowy w wezwaniu do działania. - Ink Black
#080808— Tekst główny, ikony, linki, typ nawigacji, obramowania przycisków, logo, tekst stopki — kolor bardziej miękki niż czysta czerń, aby zdjęcia nie były na jego tle zbyt ostre. - True Black
#000000— Nakładanie tekstu głównego na ciemne obrazy, tekst podstawowy, etykiety przycisków - czysta czerń jest stosowana tylko w przypadku najbardziej kontrastujących elementów typograficznych. - Mist Gray
#dadada— Subtelne obramowania, podkreślone pola wprowadzania danych, subtelne separatory, kontury po wyłączeniu — najcichszy, neutralny odcień, widoczny tylko przez to, co oddziela. - Signal Red
#c80000— Kolor czerwony stanowi dodatkowy akcent dekoracyjny i podkreśla niskie częstotliwości.
Typografia
od 12 do 35px · 3 kroki
- SuisseIntl — wymiana: Neue Haas Grotesk Display · wytyczne 400, 500, 700 · W całym interfejsie zastosowano jedną czcionkę do nawigacji, tekstu głównego, nagłówków, przycisków i opisów produktów. Dodatnie odstępy między literami (0,01–0,04 em) są nietypowe dla czcionki ekranowej i poprawiają odbiór katalogu drukowanego; grubość 700 em jest zarezerwowana dla opisów kategorii, 500 em dla nawigacji i przycisków, a 400 em dla pozostałych elementów. Branding jest spójny z jedną rodziną czcionek i bardzo wąskim zakresem rozmiarów (12–35 px) – czcionka nigdy nie przytłacza.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przestronny |
| Podstawowy krok | 8px |
| Promień przycisku | 0px |
| Promień karty | 0px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 135px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu COS i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- Airbnb — Cicha, biała ściana galerii z pojedynczą koralowo-czerwoną zakładką
- Apple (España) — biała gablota wystawowa
- Silencio — Biały pokój z unoszącymi się w powietrzu artefaktami. Wystawa galerii wykonana z ciepłego papieru, gdzie każdy element zajmuje swoje miejsce na tle negatywowej objętości, a cisza jest celowym zabiegiem projektowym.
- Oakâme — Skąpany w słońcu prowansalski warsztat wykuty w ciepłym kamieniu
- Nike — Monochromatyczna galeria osiągnięć sportowych – białe ściany, produkt jako dzieło sztuki, chrom rozpuszczony w tle
- Arc — przemysłowa biała galeria nad północną wodą
- Rivian — Elektryczny monolit na betonowej ścianie galerii. Rivian prezentuje każdy pojazd jako rzeźbę na tle ogromnej białej przestrzeni, z typografią tak dużą, że staje się elementem architektonicznym, i pojedynczą ciepłą żółcią, która przełamuje monochromatyczną atmosferę, niczym światło słoneczne na matowej powierzchni.
- Analogue — Czarna gablota wystawowa – towary unoszą się w próżni
- ddna — ciepła gablota muzealna na nieobrobionym lnie
- Zellerfeld — Pracownia rzeźbiarska na białym marmurze – monolityczne powierzchnie cokołu, pojedyncza iskra kobaltu, szept małych liter od podłogi do sufitu
- UY Studio — Kamienna galeria klasztoru to cicha przestrzeń z betonowymi ścianami, w której na białych postumentach stoją flakony perfum, oświetlone jedną 400-watową lampą i czterema ciepłymi, szarymi żarówkami.
- Basic.Space — galeria kuratorska na białym marmurze