ORYZO AI
Fotoesej o ciemni. Samotny obiekt unoszący się w ciepłej ciemności, jedyną dekoracją jest kremowa czcionka.
System wizualny ORYZO traktuje każdy pojedynczy produkt jak eksponat muzealny: płótno w ciepłych, ciemnych tonacjach, kremowy druk unoszący się w dużej, pustej przestrzeni i całkowity brak elementów interfejsu konkurujących z formą. Wszystkie elementy tekstowe są pisane wielkimi literami o grubości 500, z wyjątkiem tekstu głównego o grubości 29 px/400, który jest jedynym elementem konwersacyjnym systemu. Pojedynczy, jasnopomarańczowy kolor jest używany tylko w liniach atrybucji i linkach do studia – nigdy w przyciskach ani wezwaniach do działania – stąd jego rzadkość. Układ naprzemiennie przełącza się między dwoma trybami: fotograficznym bohaterem (produkt w kontekście z narzędziami i materiałami) oraz trybem wyświetlania opartym na pustce (produkt wyizolowany na ciepłym, ciemnym tle), połączonymi cienkimi, przerywanymi separatorami i elementami sterującymi w kształcie pigułek.
Cała strona ma nieograniczoną szerokość — nie ma kontenera o maksymalnej szerokości, a każda sekcja zajmuje 100 vw. Ekran główny: pełnoekranowe zdjęcie od góry do dołu z ogromnym logo ORYZO (51 px+) w lewym górnym rogu, slogan powyżej, stała minimalistyczna nawigacja w prawym górnym rogu, pionowy pasek boczny wzdłuż prawej krawędzi, półprzezroczysta karta informacyjna w lewym dolnym rogu i miniatura wideo w prawym dolnym rogu. Następne sekcje: pełnoekranowe płótno Walnut Shadow z wyśrodkowanym renderem 3D produktu otoczonym tytułem wyrównanym do lewej i tekstem wyrównanym do prawej — trzykolumnowa siatka (tekst/obiekt/tekst) z szerokimi 18 px odstępami. Przejścia między sekcjami są gładkie, ciemne na ciemnym tle; jedynymi przerwami są cienkie kropkowane podziały. Nawigacja jest stała, przezroczysta, z maksymalnie 4 elementami. Nie ma paska bocznego, chromu w stopce, kart w kartach — każdy ekran sprawia wrażenie pojedynczej całości.
Fotografie mają charakter redakcyjny, zostały wykonane z perspektywy top-down i w kontekście: korkowa podkładka leży na zielonej macie do cięcia, otoczona ołówkami, nożykiem do rękodzieła i spinaczem – narzędziami pracy widocznymi w kadrze. Zielona mata do cięcia (#445231) jest jedynie elementem ekspozycyjnym, a nie elementem interfejsu użytkownika. Sekcje poświęcone prezentacji produktu są zdominowane przez wizualizacje 3D: korkowa podkładka jest pokazana w izolacji na tle Walnut Shadow, oświetlona od góry po prawej stronie ciepłym światłem krawędziowym, z naprzemiennymi kątami od góry do trzech czwartych. Nie ma zdjęć lifestylowych, osób ani zdjęć stockowych – obiekt jest protagonistą, a narzędzia jego kontekstem. Obrazy zajmują cały ekran, mają wyraźne krawędzie (bez zaokrąglonych masek) i są przetwarzane z wysokim kontrastem i ciepłą korekcją kolorów.
Paleta
Neutralny
- Warm Cream
#ffedd7— Jasny tekst na ciemnych powierzchniach, odwrócone napisy i obrazy o wysokim kontraście. - Walnut Shadow
#100904— Płótno strony i najgłębsze tło są ciepłe, prawie czarne, ale nie do końca czarne. Za każdym ogłoszeniem produktu kryje się pustka. - Bark Brown
#382416— Podniesiona powierzchnia i wypełnione tło przycisku są o jeden stopień wyższe od płótna i służą do pojedynczego, ciągłego wezwania do działania. - Cork Border
#40372e— Subtelne linie podziału, przerywane podziały sekcji, ledwo zauważalne obramowania pojemników – o krok cieplejsze niż samo płótno. - Driftwood
#6c5f51— Ciepła, średniotonowa szarość idealna do drugorzędnych przegród i stonowanych elementów konstrukcyjnych, stanowi pomost między odcieniami Bark i Cream. - Ember Accent
#dc5000— Kolor pomarańczowy służy do wyróżniania linków, tagów i krótkich fraz.
Typografia
od 18 do 51px · 5 kroków
- halyard-display-variable — wymiana: Inter or Söhne · wytyczne 400, 500 · Pojedyncza czcionka. Grubość 500 i odstęp 51 px są używane w nagłówkach, co świadczy o wyjątkowej pewności w stosowaniu wielkich liter; ta sama czcionka o odstępie 400/29 px staje się jedyną czcionką w tekście głównym, z użyciem wielkich i małych liter. Odstępy między literami pozostają standardowe – geometryczne kształty spełniają swoją funkcję bez kompresji. Aby uzyskać lepsze dopasowanie strukturalne, można użyć czcionek „Inter”, „Söhne” lub „Neue Haas Grotesk”.
- Arial — wymiana: system-ui · wytyczne 400, 500 · Rozwiązanie awaryjne dla mikrooznaczeń prawnych w całym systemie (wielkie litery 8 px, np. „* ADOBE ILLUSTRATOR”). Nie jest to decyzja projektowa, lecz wymóg automatycznie generowanych zastrzeżeń systemowych.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przeciętny |
| Podstawowy krok | 18px |
| Promień przycisku | 8px |
| Promień karty | 12px |
| Cienie | nie - granice zamiast cieni |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu ORYZO AI 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
- 21 TSI — Karmazynowa pustka, pojedyncza sylwetka – modowy edytorial, w którym interfejs użytkownika rozpływa się w atmosferze
- Ysl — Kadr z czarno-białego filmu – jeden model pod jednym logo, nic innego nie jest dozwolone
- Channel Studio — Studio fotograficzne z jednym koralowym abażurem
- Assembly Coffee London — Węgle w ciemnej palarni. Prawie czarne płótno z ciepłymi, słabo oświetlonymi zdjęciami produktów i kursywnym napisem szeryfowym – wrażenie menu kawy specjalistycznej wydrukowanego w nocnym samizdacie.
- PostNew — Galeria otwarta po godzinach i zaprojektowana w świetle dziennym
- Factory — Terminal „pokoju wojennego” o północy. „Fabryka” to surowy, czarny panel sterowania, na którym pojedyncza biała karta ląduje niczym oświetlona latarką dyspozytornia – jedynym przedmiotem w pomieszczeniu jest samo dzieło.
- Numbered — Sesja zdjęciowa mody na czarnym aksamicie. Prawie czarny wybieg, gdzie kadr wypełnia pojedyncza twarz, a jedynymi śladami są biały tusz i ledwo widoczna brązowa nitka.
- Apple (España) — czarny teatr z oświetlonymi oprawami
- Home page | Impossible Foods — Krwistoczerwony plakat punkowy w aksamitnej ciemności. Specjalnie zaprojektowany, skompresowany baner rozmywa się na płótnie w kolorze wina, a wyraziste, czerwone wezwania do działania przebijają niczym metka z ceną na bloku rzeźnickim.
- Ferrari — Szalony kawalerzysta na czarnym marmurze. Czarne pustki przerywane niepowtarzalną czerwienią Ferrari, białymi wielkimi literami i ujęciami kinowymi na całej szerokości ekranu.
- OpenSea — Czarny terminal handlowy z matowo-niebieskimi ramkami
- Arthursimonini — Program filmowy wydrukowany czarnym tuszem