Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojářVývoj nástrojů umělé inteligence pro firmy. Vysoce kvalitní. Cenově dostupné.Napsat na Telegram
ORYZO AI — náhled webu v tomto stylu

ORYZO AI

Fotoesej o temné komoře. Osamělý objekt vznášející se v teplé tmě, krémové písmo jako jediná dekorace.

Vizuální systém ORYZO zachází s každým jednotlivým produktem jako s muzejním exponátem: plátno v teplých, tmavých tónech, krémové písmo plovoucí ve velkém negativním prostoru a úplná absence prvků rozhraní, které by konkurovaly formě. Všechny textové prvky jsou psány velkými písmeny s gramáží 500, s výjimkou textu těla textu s rozlišením 29px/400, který je jediným konverzačním prvkem systému. Jedna, jasně oranžová barva se používá pouze pro atribuční řádky a odkazy na studio – nikdy ne pro tlačítka ani výzvy k akci – proto je tak vzácné. Rozvržení se střídá mezi dvěma režimy: fotografickým hrdinou (produkt v kontextu s nástroji a materiály) a režimem zobrazení založeným na prázdném prostoru (produkt izolovaný na teplém, tmavém pozadí), propojenými tenkými, tečkovanými dělicími liniemi a ovládacími prvky ve tvaru pilulek.

Celá stránka má neomezenou šířku – neexistuje žádný kontejner s maximální šířkou a každá sekce zabírá 100vw. Domovská obrazovka: fotografie na celou obrazovku odshora dolů s masivním logem ORYZO (51px+) v levém horním rohu, sloganem nahoře, pevnou minimalistickou navigací v pravém horním rohu, svislým postranním panelem podél pravého okraje, průsvitnou informační kartou v levém dolním rohu a miniaturou videa v pravém dolním rohu. Následné sekce: plátno Walnut Shadow na celou obrazovku s 3D renderem produktu uprostřed, obklopené vlevo zarovnaným názvem a vpravo zarovnaným textem – třísloupcová mřížka (text/objekt/text) se širokými 18px mezerami. Přechody mezi sekcemi jsou plynulé, tmavé na tmavém pozadí; jedinými přerušeními jsou tenké tečkované oddělovače. Navigace je pevná, průhledná, s maximálně 4 prvky. Není zde žádný postranní panel, žádný chrom v zápatí, žádné karty v kartách – každá obrazovka působí jako jeden celek.

Fotografie jsou redakčního charakteru, pořízené z perspektivy shora dolů a v kontextu: korková podložka pod pohár leží na zelené podložce pod řezání, obklopená tužkami, nožem na řezání a kancelářskou sponkou – nástroji řemesla viditelnými v záběru. Zelená podložka pod pohár (#445231) je pouze zobrazovacím prvkem, nikoli prvkem uživatelského rozhraní. Sekcím věnovaným prezentaci produktů dominují 3D rendery: korková podložka pod pohár je zobrazena izolovaně na pozadí Walnut Shadow, osvětlená z pravého horního rohu teplým okrajovým světlem, se střídavými úhly od shora dolů do tří čtvrtin. Nejsou zde žádné lifestylové fotografie, žádní lidé, žádné stock obrázky – objekt je protagonista a nástroje jsou jeho kontextem. Obrázky zabírají celou obrazovku, mají ostré okraje (žádné zaoblené masky) a jsou zpracovány s vysokým kontrastem a korekcí teplých barev.

Paleta

Neutrální

  • Warm Cream #ffedd7 — Světlý text na tmavých površích, invertované titulky a obrázky s vysokým kontrastem.
  • Walnut Shadow #100904 — Plátno stránky a její nejhlubší pozadí jsou teplé, téměř černé, ale ne čistě černé. Za každým oznámením o produktu se skrývá prázdnota.
  • Bark Brown #382416 — Vyvýšený povrch a vyplněné pozadí tlačítka jsou o jeden barevný stupeň nad plátnem a slouží k jediné, nepřetržité výzvě k akci.
  • Cork Border #40372e — Jemné dělicí linie, tečkované dělicí prvky sekcí, sotva znatelné okraje nádob – o krok teplejší než samotné plátno.
  • Driftwood #6c5f51 — Teplá, středně tónovaná šedá barva pro sekundární příčky a tlumené konstrukční prvky, která překlenuje mezeru mezi kůrovou a krémovou barvou.
  • Ember Accent #dc5000 — Oranžová se používá k zvýraznění odkazů, tagů a krátkých frází.

Typografie

od 18 do 51 pixelů · 5 kroků

  • halyard-display-variable — nahrazení: Inter or Söhne · obrysy 400, 500 · Jedno písmo. Pro nadpisy se používá tloušťka 500 s roztečí 51 pixelů, což dokazuje mimořádnou jistotu v používání velkých písmen; stejné písmo s roztečí 400/29 pixelů se stává jediným písmem pro text, s použitím smíšených velkých a malých písmen. Rozteč písmen zůstává standardní – geometrické tvary plní svou funkci bez komprese. Pro bližší strukturální shodu můžete použít „Inter“, „Söhne“ nebo „Neue Haas Grotesk“.
  • Arial — nahrazení: system-ui · obrysy 400, 500 · Systémová záložní varianta pro mikrolegální popisky (velká písmena 8px, např. „* ADOBE ILLUSTRATOR“). Nejedná se o rozhodnutí o designu, ale o požadavek na automaticky generovaná systémová prohlášení o vyloučení odpovědnosti.

Intervaly a forma

ÚčelVýznam
Hustotaprůměrný
Základní krok18px
Poloměr tlačítka8px
Poloměr karty12px
Stínyne - okraje místo stínů

Umělá inteligence vám vytvoří web ve stylu ORYZO AI a naplní ho

  • Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
  • Přeneste obsah ze starého webu – stačí zadat adresu.
  • Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
  • Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.

Podobné styly

  • 21 TSI — Karmínová prázdnota, jediná silueta – editoriál o vysoké módě, kde se uživatelské rozhraní rozpouští v atmosféře
  • Ysl — Záběr z černobílého filmu - jeden model pod jedním logem, nic jiného není povoleno
  • Channel Studio — Studiová fotolaboratoř s jedním korálovým stínidlem
  • Assembly Coffee London — Uhlíky v tmavé pražírně. Téměř černé plátno s teplými, tlumeně osvětlenými fotografiemi produktů a kurzívou patkového písma – pocit ze speciálního kávového menu vytištěného v půlnočním samizdatu.
  • PostNew — Galerie otevřená i po otevírací době a navržená za denního světla
  • Factory — Terminál „válečné místnosti“ o půlnoci. „Továrna“ je ostře černý ovládací panel, kde přistane jediná bílá karta jako zpráva osvětlená baterkou – jediným předmětem v místnosti je samotné dílo.
  • Numbered — Módní focení na černém sametu. Téměř černé molo, kde je záběr vyplněn jedinou tváří a jedinými stopami jsou bílý inkoust a sotva znatelná bronzová nit.
  • Apple (España) — černé divadlo s osvětlenými prvky
  • Home page | Impossible Foods — Krvavě rudý punkový plakát v sametové tmě. Na míru navržený, stlačený banner se rozmazává na vínově zbarveném plátně, zatímco jednolité červené výzvy k akci vykukují jako cenovka na řeznickém špalku.
  • Ferrari — Frenetický cavallino na černém mramoru. Černé prázdnoty přerušované nezaměnitelnou červenou barvou Ferrari, bílými velkými písmeny a filmovými záběry v celé šířce.
  • OpenSea — Černý obchodní terminál s matně modrými rámy
  • Arthursimonini — Filmový program vytištěný černým inkoustem