ORYZO AI
Fotoesej o tmavej komore. Osamelý objekt vznášajúci sa v teplej tme, krémové písmo ako jediná dekorácia.
Vizuálny systém ORYZO zaobchádza s každým jednotlivým produktom ako s múzejným exponátom: plátno v teplých, tmavých tónoch, krémové písmo plávajúce vo veľkom negatívnom priestore a úplná absencia prvkov rozhrania, ktoré by konkurovali forme. Všetky textové prvky sú písané veľkými písmenami s hrúbkou písma 500, s výnimkou textu tela s veľkosťou 29px/400, ktorý je jediným konverzačným prvkom systému. Jedna, jasne oranžová farba sa používa iba pre riadky s uvedením zdroja a odkazy na štúdiá – nikdy nie pre tlačidlá alebo výzvy na akciu – a preto je taká vzácna. Rozloženie sa strieda medzi dvoma režimami: fotografickým hrdinom (produkt v kontexte s nástrojmi a materiálmi) a režimom zobrazenia založeným na prázdnom priestore (produkt izolovaný na teplom, tmavom pozadí), ktoré sú prepojené tenkými bodkovanými oddeľovačmi a ovládacími prvkami v tvare tabletky.
Celá stránka má neobmedzenú šírku – neexistuje žiadny kontajner s maximálnou šírkou a každá sekcia zaberá 100vw. Domovská obrazovka: fotografia na celú obrazovku zhora nadol s masívnym logom ORYZO (51px+) v ľavom hornom rohu, sloganom nad ňou, pevnou minimalistickou navigáciou v pravom hornom rohu, zvislým bočným panelom pozdĺž pravého okraja, priesvitnou informačnou kartou v ľavom dolnom rohu a miniatúrou videa v pravom dolnom rohu. Nasledujúce sekcie: plátno Walnut Shadow na celú obrazovku s centrovaným 3D renderom produktu obklopeným zarovnaným nadpisom vľavo a zarovnaným textom vpravo – trojstĺpcová mriežka (text/objekt/text) so širokými 18px medzerami. Prechody medzi sekciami sú plynulé, tmavé na tmavom pozadí; jedinými prerušeniami sú tenké bodkované oddeľovače. Navigácia je pevná, priehľadná, s maximálne 4 prvkami. Nie je tu žiadny bočný panel, žiadny chróm v päte, žiadne karty v kartách – každá obrazovka pôsobí ako jeden celok.
Fotografie majú redakčný charakter, sú nasnímané z pohľadu zhora nadol a v kontexte: korková podložka pod pohár leží na zelenej podložke na vyrezávanie, obklopená ceruzkami, nožom na rezanie a kancelárskou sponkou – nástrojmi remesla viditeľnými v zábere. Zelená podložka na rezanie (#445231) je iba zobrazovacím prvkom, nie prvkom používateľského rozhrania. Sekciám venovaným prezentácii produktu dominujú 3D vizualizácie: korková podložka pod pohár je zobrazená izolovane na pozadí Walnut Shadow, osvetlená zhora sprava teplým okrajovým svetlom so striedavými uhlami od zhora nadol až po tri štvrtiny. Nie sú tam žiadne fotografie životného štýlu, žiadni ľudia, žiadne obrázky z fotobanky – objekt je protagonista a nástroje sú jeho kontextom. Obrázky zaberajú celú obrazovku, majú ostré okraje (žiadne zaoblené masky) a sú spracované s vysokým kontrastom a korekciou teplých farieb.
Paleta
Neutrálny
- Warm Cream
#ffedd7— Svetlý text na tmavých povrchoch, invertované titulky a obrázky s vysokým kontrastom. - Walnut Shadow
#100904— Plátno stránky a jej najhlbšie pozadie sú teplé, takmer čierne, ale nie čisto čierne. Za každým oznámením o produkte sa skrýva prázdnota. - Bark Brown
#382416— Zvýšený povrch a vyplnené pozadie tlačidla sú o jeden farebný krok nad plátnom a slúžia ako jediná, súvislá výzva na akciu. - Cork Border
#40372e— Jemné deliace čiary, bodkované deliace priečky sekcií, sotva viditeľné okraje nádob – o krok teplejšie ako samotné plátno. - Driftwood
#6c5f51— Teplá, stredne tónovaná sivá farba pre sekundárne priečky a tlmené konštrukčné prvky, ktorá premosťuje priepasť medzi kôrovou a krémovou farbou. - Ember Accent
#dc5000— Oranžová sa používa na zvýraznenie odkazov, značiek a krátkych fráz.
Typografia
od 18 do 51px · 5 krokov
- halyard-display-variable — náhrada: Inter or Söhne · obrysy 400, 500 · Jedno písmo. Pre nadpisy sa používa hrúbka 500 s rozstupom 51px, čo dokazuje mimoriadnu istotu pri používaní veľkých písmen; rovnaké písmo s rozstupom 400/29px sa stáva jediným písmom pre text, pričom sa používajú zmiešané malé a veľké písmená. Rozstupy písmen zostávajú štandardné – geometrické tvary plnia svoju úlohu bez kompresie. Pre bližšiu štrukturálnu zhodu môžete použiť „Inter“, „Söhne“ alebo „Neue Haas Grotesk“.
- Arial — náhrada: system-ui · obrysy 400, 500 · Systémová záložná možnosť pre označenia mikroprávnych predpisov (veľké písmená 8px, napr. „* ADOBE ILLUSTRATOR“). Toto nie je rozhodnutie o dizajne, ale požiadavka na automaticky generované systémové vyhlásenia o odmietnutí zodpovednosti.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 18px |
| Polomer tlačidla | 8px |
| Polomer karty | 12px |
| Tiene | nie - okraje namiesto tieňov |
Umelá inteligencia vytvorí vašu webovú stránku v štýle ORYZO AI a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- 21 TSI — Karmínovočervená prázdnota, jediná silueta – editoriál o vysokej móde, kde sa používateľské rozhranie rozplýva v atmosfére
- Ysl — Záber z čiernobieleho filmu - jeden model pod jedným logom, nič iné nie je povolené
- Channel Studio — Štúdiové fotolaboratórium s jedným koralovým tienidlom na lampu
- Assembly Coffee London — Uhlíky v tmavej pražiarni. Takmer čierne plátno s teplými, slabo osvetlenými fotografiami produktov a kurzívou pätkovým písmom – pocit zo špeciálneho kávového menu vytlačeného v polnočnom samizdate.
- PostNew — Galéria otvorená po otváracích hodinách a navrhnutá za denného svetla
- Factory — Terminál „vojenskej miestnosti“ o polnoci. „Továreň“ je strohý čierny ovládací panel, kde pristane jediná biela karta ako rozoslanie osvetlené baterkou – jediným predmetom v miestnosti je samotné dielo.
- Numbered — Módne fotenie na čiernom zamate. Takmer čierne mólo, kde je záber vyplnený jedinou tvárou a jediné stopy sú biely atrament a sotva badateľná bronzová niť.
- Apple (España) — čierne divadlo s osvetlenými prvkami
- Home page | Impossible Foods — Krvavočervený punkový plagát v zamatovej tme. Na mieru navrhnutý, stlačený banner sa rozmazáva na vínovo sfarbenom plátne, zatiaľ čo jednoliate červené výzvy na akciu vytŕčajú ako cenovka na mäsiarskom špalku.
- Ferrari — Frenetický cavallino na čiernom mramore. Čierne prázdne miesta prerušované nezameniteľnou červenou farbou Ferrari, bielymi veľkými písmenami a filmovými zábermi v plnej šírke.
- OpenSea — Čierny obchodný terminál s matnými modrými rámami
- Arthursimonini — Filmový program vytlačený čiernym atramentom