LUNCH
aksamitne podium na ciepłym pergaminie
LUNCH CONCEPT czyta się jak drukowany artykuł modowy przeniesiony do internetu: ciemny, całostronicowy element główny ze zdjęciem, gdzie logo marki prezentowane jest jako powiększony, trójwymiarowy tekst z chromowanymi akcentami, a następnie spokojna, katalogowa galeria produktów na ciepłym pergaminie. Strona oscyluje między kinową konfrontacją a cichą powściągliwością – główny element atakuje, główna sekcja szepcze. Pojedynczy, stonowany lawendowy kolor pojawia się tylko w linii reklamy, w stanie „Wyprzedane” oraz w stopce, pełniąc funkcję raczej deklaracji marki niż krzyku. Pojedyncza, charakterystyczna czcionka bezszeryfowa (Good Sans) jest używana głównie w umiarkowanych rozmiarach, a główne logo to jedyny moment typograficznego spektaklu. Interakcja odbywa się wyłącznie za pośrednictwem linków tekstowych: bez wypełnionych przycisków, gradientów, dekoracyjnego chromu, z wyjątkiem trójwymiarowego logo głównego elementu.
Maksymalna szerokość ~1280px dla wyśrodkowanych sekcji treści; tytuł strony rozciąga się na całą szerokość strony od krawędzi do krawędzi. Rytm strony: ciemny tytuł strony rozciągający się na całą szerokość strony (wysokość obszaru widoku) → wyśrodkowany tekst wprowadzający na ciemnym tle → siatka produktów 4-5 kolumn na tym samym tle → liliowy pasek stopki. Nawigacja znajduje się w postaci cienkiego paska tekstu nad tytułem strony (jasny tekst na ciemnym tle) i nad tekstem wprowadzającym (ciemny tekst na jasnym tle). Siatka produktów ma gęsty układ z wewnętrznym wyrównaniem, bez wcięć między obrazami lub wizualnego rozdzielenia. Tekst wprowadzający to wąska, wyśrodkowana kolumna (~600-700px) z dużą przestrzenią pionową (60-80px) powyżej i poniżej. Ogólna gęstość: obszerna w sekcjach redakcyjnych, ściśnięta w siatce produktów.
W projekcie dominuje redakcyjna fotografia modowa: zdjęcie główne przedstawia ciemne, kontrastowe zdjęcia modelek (ponure oświetlenie studyjne, awangardowa stylizacja – czerwone skórzane gorsety, kraty w kratę, efektowne pozy), podczas gdy siatka zawiera wyraźne zdjęcia produktów/lookbooków na płaskim, neutralnym tle (modelki i produkty są fotografowane na jasnoszarym/białym tle, bez kontekstu lifestylowego). Zdjęcia mają wyraźne krawędzie, zerowy promień i są ściśle wyrównane z sąsiednimi obrazami w siatce. Zdjęcie główne zajmuje wszystkie cztery krawędzie pola widzenia, a trójwymiarowe chromowane logo nakłada się na obiekt. Zdjęcia produktów w siatce zachowują stały stosunek wysokości do szerokości w całym rzędzie. Brak ilustracji i ikon, poza minimalną nawigacją tekstową. Język wizualny jest następujący: fotografuj dobrze, kadruj ostro i pozwól, aby zdjęcie było twarzą marki.
Paleta
Marka
- Lilac Veil
#b8aad0— Wypełnienie w kolorze fioletowym w celu podkreślenia tła, dekoracyjnych pasów i delikatnego akcentu za treścią.
Neutralny
- Ink Black
#000000— Cały tekst główny, tekst nawigacyjny, obramowania linków, obramowania kart i obramowania ikon tworzą linię strukturalną całego interfejsu. - Warm Parchment
#f4f1e4— Tło stron i sekcji w strefie redakcyjnej/produktowej jest spokojnym tłem, na którym umieszczane są zdjęcia produktów. - Ivory Mist
#fcfaf1— Kolor tekstu nawigacyjnego na górze ciemnego elementu głównego, delikatny odcień tekstury i delikatne obramowania tworzą cieplejszą alternatywę dla czystej bieli w przypadku interfejsu użytkownika w ciemnej części.
Typografia
od 12 do 72px · 5 kroków
- Good Sans — wymiana: Söhne · wytyczne 400, 700 · Uniwersalny krój pisma do nawigacji, tekstu głównego, metadanych produktów, linków i całego interfejsu użytkownika. Podwójna grubość (standardowa 400 dla tekstu głównego/nagłówków, pogrubiona 700 dla nazw marek, cen i wyróżnień) tworzy hierarchię bez zwiększania rozmiaru czcionki. Prawie zerowy dodatni odstęp między literami sprawia, że czcionka ta ma charakter redakcyjny, a nie geometryczny.
- Redaction — wymiana: GT Sectra Display Bold · wytyczne 700 · Tylko do tekstu głównego — to niestandardowa czcionka dla dużego, chromowanego napisu „LUNCH”, który stanowi podstawę tekstu głównego na pełnym ekranie. Jest używana tylko raz na stronie; jest to podpis typograficzny, a nie element wielokrotnego użytku.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | gęsty |
| Podstawowy krok | 20-30px |
| Promień przycisku | 0px |
| Promień karty | 0px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 60-80px |
| Szerokość strony | 1280px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu LUNCH 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
- 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.
- Lamborghini — Czarny kolor nadwozia w salonie, pod reflektorami - jeden żółty samochód
- amp — Ciepły pomarańczowy na chłodnym białym tle. Projekt przywodzi na myśl ekskluzywny produkt fitness sfotografowany w skąpanym w słońcu lofcie: jeden element, jeden akcent, jeden wyrazisty krój, który spełnia wszystkie oczekiwania.
- IKEA — skąpany w słońcu szwedzki salon meblowy w stanie rozmontowanym
- Microsoft — W katalogu detalicznym zastosowano charakterystyczny niebieski kolor — wyobraź sobie kwadratowe logo na białej podłodze salonu wystawowego, gdzie każdy element projektu jest w kolorze niebieskim.
- Vibrants — Apteka Skyborne na białym marmurze - ciemnoniebieski atrament to zaprawa, a tęczowe widmo to lekarstwo
- Isla Beauty — Kremowy styl apteki z akcentami chirurgicznej czerwieni — wyobraź sobie ciepłe pergaminowe ściany, bursztynowe butelki i pojedynczy czerwony stempel na każdej etykiecie.
- Swap — Galeria redakcyjna Mint: Jasne odcienie szałwii w pomieszczeniach z jasnymi akcentami limonki i subtelnymi szeryfami
- Cursor — Przytulny warsztat pergaminowy, oświetlony tlącymi się węglami
- Structured — Galeria renesansowa na papierze plastelinowym
- 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.
- Amplemarket — Zalane słońcem miejsce pracy pokryte konfetti