MAKR
Gablota muzealna z ręcznie robionymi wyrobami skórzanymi. Ciche, całkowicie białe pomieszczenie, w którym etykiety w ciepłym, czarnym tuszu unoszą się pod dużymi fotografiami wyrobów skórzanych trzymanych w dłoniach lub na tle krajobrazów, a jedynym kontrastującym kolorem jest stonowany pas szałwii.
MAKR to internetowa galeria edytorska poświęcona ręcznie robionej galanterii skórzanej, zbudowana na niemal całkowicie achromatycznej palecie barw, w której dominującym elementem jest fotografia. Pojedynczy, niemal szary odcień baneru (z subtelną nutą szałwii) akcentuje górny pasek reklamowy, a wszystko inne – powierzchnie, tekst, separatory, linki – jest wykonane głęboką, ciepłą czernią na białym tle. Typografia to neogroteskowa stylistyka Söhne’a w najbardziej powściągliwym wydaniu: małe czcionki, duże odstępy między wierszami i wyraźne odstępy między wielkimi literami w podpisach sprawiają wrażenie tekstu na ścianie galerii, a nie interfejsu internetowego. Układ jest zdominowany przez obrazy, asymetryczny i minimalistyczny, niczym w muzeum: przedmioty są fotografowane w dłoniach, w krajobrazach, w naturalnym świetle, z drobnymi podpisami przypominającymi linki. Elementy są praktycznie niewidoczne – podkreślone linki tekstowe, ukryte pola wprowadzania danych, brak cieni, brak zaokrąglonych przycisków – dzięki czemu skóra i fotografia odgrywają kluczową rolę w kształtowaniu marki.
Układ od krawędzi do krawędzi bez limitu maksymalnej szerokości treści — obrazy wypełniają cały obszar widoku. Górny baner reklamowy zajmuje całą szerokość, a następnie nawigacja w nagłówku, również o pełnej szerokości. Główny obszar treści wykorzystuje wielokolumnową siatkę obrazów (2–3 kolumny na komputerze) z zerowymi lub minimalnymi odstępami między kolumnami, co pozwala fotografiom na stworzenie własnej struktury wizualnej. Tekst i linki są umieszczone w białych przestrzeniach pod obrazami, nigdy na siebie nie nachodząc. Sekcje redakcyjne naprzemiennie zawierają siatki produktów i zdjęcia lifestylowe o pełnej szerokości. Rytm pionowy jest bogaty (80–1,5 odstępu między sekcjami), co daje wrażenie spaceru po galerii. Okno subskrypcji newslettera to stały panel w lewym dolnym rogu; zamykany panel subskrypcji znajduje się na samym dole obszaru widoku. Ogólne wrażenie przypomina katalog muzealny lub rozkładówkę redakcyjną, a nie typowy układ e-commerce.
Fotografia stanowi sedno treści i języka marki. Współistnieją tu dwa rejestry: (1) duże czarno-białe zdjęcia produktu w ręku, kwadratowe lub przycięte w formacie 3:4, o wysokim kontraście, gdzie obiekt wypełnia kadr bez kontekstu lifestylowego; (2) pełnokolorowe zdjęcia lifestylowe w ciepłym, naturalnym świetle, krajobrazy w ziemistych barwach, modelki w ruchu z torbami, uchwycone z dołu i z niewielką głębią ostrości. Przeplatanie się obrazów w skali szarości i pełnokolorowych tworzy jednolity wizualny rytm na stronie. Brak ilustracji, renderów 3D i abstrakcyjnych grafik. Obrazy zajmują całą stronę lub rozciągają się na całą jej szerokość, w komórkach siatki o zerowym promieniu i bez obramowania. Ikony są nieobecne lub minimalistyczne — prosty krzyżyk do zamknięcia i nic więcej.
Paleta
Neutralny
- Obsidian Ink
#1c1717— Tekst główny, wszystkie linki tekstowe, tekst główny, nagłówki, kontury ikon i subtelne linie obramowania w całym interfejsie użytkownika. To kolor podstawowy – proporcje 17,7:1 na białym tle, użyty w ponad 5000 przypadkach. Jego bardzo subtelny, ciepły odcień (nie czysta czerń) sprawia, że cały interfejs przypomina drukowany katalog, a nie ekran. - Paper
#ffffff— Cienkie obramowania, separatory, kontury pól wprowadzania danych i krawędzie kart na jasnych powierzchniach. Unikaj używania tego koloru jako koloru podstawowego dla przycisków wezwania do działania. - Bone
#f0f0f0— Powierzchnia dodatkowa do naprzemiennego łączenia sekcji, tworząca subtelne tła paneli oraz wewnętrzne obramowania/dzielniki. Tworzy subtelny, ciepły odcień szarości pomiędzy bielą papieru a jasną zielenią reklamy. - Eucalyptus Mist
#a9aea9— Tło baneru reklamowego u góry strony, stonowane przejścia kolorów między sekcjami i trzeciorzędna ramka. Samo w sobie wydaje się prawie szare, ale po rozłożeniu na całej szerokości nabiera subtelnego odcienia szałwii – jedynego akcentu kolorystycznego w monochromatycznej kolorystyce.
Typografia
od 11 do 32px · 5 kroków
- Sohne Web — wymiana: Inter · wytyczne 400 · Zastosowano cały styl interfejsu – tekst główny, nawigację, linki, nagłówki, przyciski, pola wprowadzania, ikony i podpisy pod obrazkami. Czcionka Söhne o grubości 400 (nie znaleziono pogrubionych wariantów) nadaje MAKR-owi spokojną, a zarazem pewną ekspresję: informacje są przekazywane poprzez rozmiar i odstępy między literami, a nie poprzez kontrast grubości. Alternatywy: Inter, Söhne lub Untitled Sans.
- CircularXXMonoWeb — wymiana: JetBrains Mono · wytyczne 400 · Używane tylko sporadycznie w instrukcjach technicznych lub specyfikacjach produktów – szeptem o stałej szerokości, który przełamuje neogroteskowy rytm. Używaj oszczędnie: kod produktu, specyfikacje materiałów, nic więcej. Zastąp: JetBrains Mono lub IBM Plex Mono.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | gęsty |
| Podstawowy krok | 5-8px |
| Promień przycisku | 0px |
| Promień karty | 0px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 80-120px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu MAKR 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
- FARFETCH España — Galeria mody w stylu „białego sześcianu”. Wyobraź sobie ekskluzywną przestrzeń handlową, w której ściany, podłogi i wyposażenie są wybielone, a jedynie ubrania i ludzie, którzy je noszą, tworzą każdy odcień, fakturę i ekspresję wizualną.
- Franco Maria Ricci Editore — Katalog Galerii Art Deco – polerowane złote linie na czystym białym pergaminie
- Laura Monin — Ściana galerii redakcyjnej, biały marmur, stempel tuszowy
- OhDada — Galeria ścienna redakcyjna
- Cursor — Przytulny warsztat pergaminowy, oświetlony tlącymi się węglami
- Structured — Galeria renesansowa na papierze plastelinowym
- MindMarket — Przytulna, bajkowa książka na kremowym papierze – przyjazne płótno redakcyjne, na którym duże nagłówki Interu i wycięte z papieru postacie współistnieją na nasłonecznionej, miękkiej jak naklejka powierzchni.
- Airbnb — Cicha, biała ściana galerii z pojedynczą koralowo-czerwoną zakładką
- Apple (España) — Galeria muzeum, w łagodnym świetle dziennym, stanowi pojedynczą, urzekającą, nieważką białą przestrzeń, w której każdy eksponat jest oświetlony reflektorem umieszczonym na lekko przyciemnionej ścianie.
- Lamborghini — Czarny kolor nadwozia w salonie, pod reflektorami - jeden żółty samochód
- Amplemarket — Zalane słońcem miejsce pracy pokryte konfetti
- Getharvest — Biurko o złotej godzinie – ciepłe kremowe płótno, białe pocztówki zawieszone na płótnie i pojedynczy, jasnopomarańczowy płomień