ORYZO AI
Un assaig fotogràfic sobre un quart fosc. Un objecte solitari suspès en la foscor càlida, amb una lletra color crema com a única decoració.
El sistema visual d'ORYZO tracta cada objecte de producte individual com una peça de museu: un llenç en tons càlids i foscos, amb lletra cremosa flotant en un gran espai negatiu, i una absència completa d'elements d'interfície que competeixen amb la forma. Tots els elements de text estan escrits en majúscules amb una font de pes 500, amb l'excepció del text del cos a 29px/400, que és l'únic element conversacional del sistema. Només s'utilitza un únic color taronja brillant per a les línies d'atribució i els enllaços de l'estudi, mai per als botons o les crides a l'acció, d'aquí la seva raresa. El disseny alterna entre dos modes: un heroi fotogràfic (el producte en context amb eines i materials) i un mode de visualització basat en buits (el producte aïllat sobre un fons càlid i fosc), connectats per divisors prims i puntejats i controls en forma de píndola.
L'amplada de la pàgina sencera és il·limitada: no hi ha un contenidor d'amplada màxima i cada secció ocupa 100 px. Pantalla d'inici: una foto a pantalla completa de dalt a baix amb un logotip ORYZO enorme (més de 51 px) a la cantonada superior esquerra, un eslògan a sobre, navegació minimalista fixa a la cantonada superior dreta, una barra lateral vertical a la vora dreta, una targeta d'informació translúcida a la cantonada inferior esquerra i una miniatura de vídeo a la cantonada inferior dreta. Seccions posteriors: un llenç Walnut Shadow a pantalla completa amb una renderització 3D centrada del producte envoltada d'un títol alineat a l'esquerra i un text del cos alineat a la dreta: una quadrícula de tres columnes (text/objecte/text) amb marges amples de 18 px. Les transicions entre seccions són suaus, fosques sobre un fons fosc; els únics trencaments són divisors de punts prims. La navegació és fixa, transparent, amb un màxim de 4 elements. No hi ha barra lateral, ni crom al peu de pàgina, ni targetes dins de targetes: cada pantalla sembla una sola entitat.
Les fotografies són de naturalesa editorial, fetes des d'una perspectiva de dalt a baix i en context: un posavasos de suro descansa sobre una estora de tall verda, envoltat de llapis, un cúter i un clip, les eines de l'ofici visibles al marc. L'estora de tall verda (núm. 445231) és només un element de visualització, no un element d'IU. Les seccions dedicades a la presentació del producte estan dominades per representacions en 3D: el posavasos de suro es mostra aïllat sobre un fons Walnut Shadow, il·luminat des de dalt a la dreta amb una llum de vora càlida, amb angles alterns de dalt a baix a tres quarts. No hi ha fotos d'estil de vida, ni persones, ni imatges de stock: l'objecte és el protagonista i les eines són el seu context. Les imatges ocupen tota la pantalla, tenen vores nítides (sense màscares arrodonides) i estan processades amb alt contrast i correcció de color càlid.
Paleta
Neutral
- Warm Cream
#ffedd7— Text clar sobre superfícies fosques, subtítols invertits i imatges d'alt contrast. - Walnut Shadow
#100904— El llenç de la pàgina i el fons més profund són càlids, gairebé negres, però no negres purs. Un buit s'amaga darrere de cada anunci de producte. - Bark Brown
#382416— La superfície en relleu i el fons omplert del botó es troben un esglaó de color per sobre del llenç, i s'utilitzen per a una única crida a l'acció contínua. - Cork Border
#40372e— Línies divisòries subtils, divisors de seccions puntejats, vores de contenidors gairebé imperceptibles: un pas més càlid que el llenç en si. - Driftwood
#6c5f51— Un gris càlid de to mitjà per a particions secundàries i elements estructurals apagats, que fa de pont entre l'escorça i el crema. - Ember Accent
#dc5000— El taronja s'utilitza per ressaltar enllaços, etiquetes i frases curtes.
Tipografia
de 18 a 51px · 5 passos
- halyard-display-variable — reemplaçament: Inter or Söhne · esquemes 400, 500 · Una sola font. El gruix 500 amb un pas de 51 px s'utilitza per als encapçalaments, cosa que demostra una confiança excepcional en l'ús de majúscules; la mateixa font amb un pas de 400/29 px esdevé l'única font per al text del cos, utilitzant majúscules i minúscules. L'espaiat entre lletres continua sent estàndard: les formes geomètriques fan la seva feina sense compressió. Per a una coincidència estructural més precisa, podeu utilitzar "Inter", "Söhne" o "Neue Haas Grotesk".
- Arial — reemplaçament: system-ui · esquemes 400, 500 · Una alternativa a tot el sistema per a les etiquetes microlegals (majúscules de 8 px, p. ex., "* ADOBE ILLUSTRATOR"). Això no és una decisió de disseny, sinó un requisit per als avisos legals generats automàticament pel sistema.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | mitjana |
| Pas bàsic | 18px |
| Radi del botó | 8px |
| Radi de la targeta | 12px |
| Ombres | sense vores en comptes d'ombres |
La IA crearà el vostre lloc web a l'estil ORYZO AI i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- 21 TSI — Un buit carmesí, una sola silueta: un editorial d'alta costura on la interfície d'usuari es dissol en l'atmosfera.
- Ysl — Una imatge fixa d'una pel·lícula en blanc i negre: un model sota un logotip, no es permet res més.
- Channel Studio — Un laboratori fotogràfic d'estudi amb una pantalla de làmpada de corall
- Assembly Coffee London — Brases en una torrefactòria fosca. Un llenç gairebé negre amb fotos de productes càlides i amb poca llum i lletres cursives amb serifes: la sensació d'una carta de cafès especials impresa en un samizdat de mitjanit.
- PostNew — Una galeria oberta fora d'hores i dissenyada amb llum natural
- Factory — La terminal de la "sala de guerra" a mitjanit. La "fàbrica" és un panell de control negre i impecable on aterra una única targeta blanca com un enviament il·luminat per una llanterna; l'únic objecte de la sala és l'obra en si.
- Numbered — Una sessió de moda sobre vellut negre. Una passarel·la gairebé negra, on l'enquadrament s'omple amb una sola cara, les úniques marques són tinta blanca i un fil de bronze gairebé imperceptible.
- Apple (España) — teatre negre amb accessoris il·luminats
- Home page | Impossible Foods — Un pòster punk vermell sang en una foscor vellutada. Una pancarta comprimida i dissenyada a mida es difumina sobre un llenç de color vi, mentre que unes crides a l'acció de color vermell sòlid sobresurten com una etiqueta de preu en un bloc de carnisser.
- Ferrari — Un cavallino frenètic sobre marbre negre. Buits negres interromputs per l'inconfusible vermell Ferrari, majúscules blanques i plans cinematogràfics a tota alçada.
- OpenSea — Terminal comercial negre amb marcs emmarcats en blau mat
- Arthursimonini — Programa de pel·lícula imprès amb tinta negra