ORYZO AI
Un reportage fotografico su una camera oscura. Un oggetto solitario sospeso nella calda oscurità, un carattere color crema come unica decorazione.
Il sistema visivo di ORYZO tratta ogni singolo prodotto come un pezzo da museo: una tela dai toni caldi e scuri, un testo cremoso che fluttua in ampi spazi negativi e una completa assenza di elementi di interfaccia che possano competere con la forma. Tutti gli elementi testuali sono scritti in maiuscolo con un font di peso 500, ad eccezione del corpo del testo a 29px/400, che rappresenta l'unico elemento di dialogo del sistema. Un unico colore arancione brillante viene utilizzato solo per le didascalie e i link allo studio, mai per pulsanti o call to action, da qui la sua rarità. Il layout alterna due modalità: una modalità fotografica (il prodotto nel contesto con strumenti e materiali) e una modalità di visualizzazione basata sul vuoto (il prodotto isolato su uno sfondo caldo e scuro), collegate da sottili divisori punteggiati e controlli a forma di pillola.
L'intera pagina ha larghezza illimitata: non esiste un contenitore con larghezza massima e ogni sezione occupa 100vw. Schermata iniziale: una foto a schermo intero dall'alto verso il basso con un enorme logo ORYZO (oltre 51px) nell'angolo in alto a sinistra, uno slogan sopra, una navigazione minimalista fissa nell'angolo in alto a destra, una barra laterale verticale lungo il bordo destro, una scheda informativa traslucida nell'angolo in basso a sinistra e una miniatura video nell'angolo in basso a destra. Sezioni successive: una tela Walnut Shadow a schermo intero con un rendering 3D centrato del prodotto, circondato da un titolo allineato a sinistra e un testo allineato a destra: una griglia a tre colonne (testo/oggetto/testo) con ampi spazi tra le colonne di 18px. Le transizioni tra le sezioni sono fluide, scure su sfondo scuro; le uniche interruzioni sono sottili divisori punteggiati. La navigazione è fissa, trasparente, con un massimo di 4 elementi. Non c'è barra laterale, nessun elemento cromato nel piè di pagina, nessuna scheda all'interno di altre schede: ogni schermata appare come un'entità singola.
Le fotografie sono di carattere editoriale, scattate da una prospettiva dall'alto e contestualizzate: un sottobicchiere di sughero poggia su un tappetino da taglio verde, circondato da matite, un taglierino e una graffetta – gli strumenti del mestiere visibili nell'inquadratura. Il tappetino da taglio verde (#445231) è un elemento puramente espositivo, non un elemento dell'interfaccia utente. Le sezioni dedicate alla presentazione del prodotto sono dominate da rendering 3D: il sottobicchiere di sughero è mostrato isolato su uno sfondo color noce, illuminato dall'alto a destra con una luce di contorno calda, con angolazioni alternate dall'alto verso il basso a tre quarti. Non ci sono foto di lifestyle, né persone, né immagini di repertorio: l'oggetto è il protagonista e gli strumenti ne costituiscono il contesto. Le immagini occupano l'intero schermo, presentano bordi netti (senza maschere arrotondate) e sono elaborate con contrasto elevato e correzione del colore calda.
Tavolozza
Neutro
- Warm Cream
#ffedd7— Testo chiaro su sfondo scuro, didascalie invertite e immagini ad alto contrasto. - Walnut Shadow
#100904— Lo sfondo e la tela della pagina sono caldi, quasi neri, ma non neri puri. Dietro ogni annuncio di prodotto si cela un vuoto. - Bark Brown
#382416— La superficie in rilievo e lo sfondo pieno del pulsante presentano una sfumatura di colore superiore rispetto alla tela, e sono utilizzati per un unico invito all'azione continuo. - Cork Border
#40372e— Linee di separazione delicate, divisori di sezione punteggiati, bordi dei contenitori appena percettibili: un tocco di calore in più rispetto alla tela stessa. - Driftwood
#6c5f51— Un grigio caldo di media tonalità, ideale per tramezzi secondari ed elementi strutturali smorzati, che funge da ponte tra il color corteccia e il color crema. - Ember Accent
#dc5000— Il colore arancione viene utilizzato per evidenziare link, tag e frasi brevi.
Tipografia
da 18 a 51px · 5 passaggi
- halyard-display-variable — sostituzione: Inter or Söhne · contorni 400, 500 · Un unico font. La versione 500 con interlinea 51px è utilizzata per i titoli, a dimostrazione di una notevole sicurezza nell'uso delle maiuscole; lo stesso font, con interlinea 400/29px, diventa l'unico font per il corpo del testo, con un uso misto di maiuscole e minuscole. La spaziatura tra le lettere rimane standard: le forme geometriche svolgono la loro funzione senza compressione. Per una corrispondenza strutturale più precisa, è possibile utilizzare 'Inter', 'Söhne' o 'Neue Haas Grotesk'.
- Arial — sostituzione: system-ui · contorni 400, 500 · Un'opzione di fallback a livello di sistema per le microetichette legali (lettere maiuscole di 8 pixel, ad esempio "* ADOBE ILLUSTRATOR"). Non si tratta di una scelta di design, ma di un requisito per le clausole di esclusione di responsabilità generate automaticamente dal sistema.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | media |
| Passo base | 18px |
| Raggio del pulsante | 8px |
| Raggio della carta | 12px |
| Ombre | no - bordi invece di ombre |
L'IA creerà il tuo sito web nello stile ORYZO AI e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- 21 TSI — Un vuoto cremisi, una silhouette unica: un editoriale di alta moda in cui l'interfaccia utente si dissolve nell'atmosfera.
- Ysl — Un fotogramma tratto da un film in bianco e nero: un solo modello sotto un solo logo, nient'altro è consentito.
- Channel Studio — Un laboratorio fotografico in studio con un paralume color corallo
- Assembly Coffee London — Carboni in una torrefazione buia. Una tela quasi nera con foto di prodotti calde e scarsamente illuminate e caratteri serif corsivi: l'atmosfera di un menù di caffè speciali stampato in un samizdat a mezzanotte.
- PostNew — Una galleria aperta anche dopo l'orario di chiusura e progettata alla luce del giorno.
- Factory — Il terminale della "sala di guerra" a mezzanotte. La "fabbrica" è un pannello di controllo nero e spoglio dove una singola scheda bianca atterra come un messaggio illuminato da una torcia: l'unico oggetto nella stanza è il lavoro stesso.
- Numbered — Un servizio fotografico di moda su velluto nero. Una passerella quasi nera, dove l'inquadratura è riempita da un unico volto e gli unici segni sono inchiostro bianco e un filo di bronzo appena percettibile.
- Apple (España) — teatro nero con scenografie illuminate
- Home page | Impossible Foods — Un poster punk rosso sangue nell'oscurità vellutata. Un banner compresso e dal design personalizzato si sfoca su una tela color vino, mentre inviti all'azione in rosso acceso spuntano come un cartellino del prezzo su un ceppo da macellaio.
- Ferrari — Un cavallino frenetico su marmo nero. Spazi neri interrotti dall'inconfondibile rosso Ferrari, lettere maiuscole bianche e inquadrature cinematografiche a tutto schermo.
- OpenSea — Terminale di trading nero con cornici blu opaco
- Arthursimonini — Programma del film stampato in inchiostro nero