ORYZO AI
Un reportaje fotográfico sobre un cuarto oscuro. Un objeto solitario flotando en la cálida oscuridad, con una tipografía color crema como única decoración.
El sistema visual de ORYZO trata cada producto como una pieza de museo: un lienzo en tonos cálidos y oscuros, tipografía cremosa que flota en un amplio espacio negativo y una ausencia total de elementos de interfaz que compitan con la forma. Todos los elementos de texto están escritos en mayúsculas con una fuente de 500 puntos, a excepción del texto principal a 29 píxeles/400, que es el único elemento conversacional del sistema. Un único color naranja brillante se utiliza solo para las líneas de atribución y los enlaces al estudio —nunca para botones o llamadas a la acción— de ahí su rareza. El diseño alterna entre dos modos: un modo fotográfico (el producto en contexto con herramientas y materiales) y un modo de visualización basado en el vacío (el producto aislado sobre un fondo cálido y oscuro), conectados por divisores finos y punteados y controles en forma de píldora.
La página completa tiene ancho ilimitado: no hay contenedor de ancho máximo y cada sección ocupa 100vw. Pantalla de inicio: una foto a pantalla completa de arriba a abajo con un enorme logotipo de ORYZO (51px+) en la esquina superior izquierda, un eslogan encima, navegación minimalista fija en la esquina superior derecha, una barra lateral vertical a lo largo del borde derecho, una tarjeta de información translúcida en la esquina inferior izquierda y una miniatura de video en la esquina inferior derecha. Secciones subsiguientes: un lienzo Walnut Shadow a pantalla completa con una representación 3D centrada del producto rodeada por un título alineado a la izquierda y un texto alineado a la derecha: una cuadrícula de tres columnas (texto/objeto/texto) con amplios márgenes de 18px. Las transiciones entre secciones son suaves, oscuras sobre un fondo oscuro; las únicas interrupciones son divisores punteados finos. La navegación es fija, transparente, con un máximo de 4 elementos. No hay barra lateral, ni cromo en el pie de página, ni tarjetas dentro de tarjetas: cada pantalla se siente como una sola entidad.
Las fotografías son de carácter editorial, tomadas desde una perspectiva cenital y en contexto: un posavasos de corcho descansa sobre una esterilla de corte verde, rodeado de lápices, un cúter y un clip, las herramientas del oficio visibles en el encuadre. La esterilla de corte verde (#445231) es solo un elemento de visualización, no un elemento de la interfaz de usuario. Las secciones dedicadas a la presentación del producto están dominadas por renderizaciones 3D: el posavasos de corcho se muestra aislado sobre un fondo Walnut Shadow, iluminado desde la parte superior derecha con una luz de contorno cálida, con ángulos alternos desde una vista cenital hasta tres cuartos. No hay fotos de estilo de vida, ni personas, ni imágenes de archivo; el objeto es el protagonista y las herramientas son su contexto. Las imágenes ocupan toda la pantalla, tienen bordes nítidos (sin máscaras redondeadas) y están procesadas con alto contraste y corrección de color cálida.
Paleta
Neutral
- Warm Cream
#ffedd7— Texto claro sobre superficies oscuras, subtítulos invertidos e imágenes de alto contraste. - Walnut Shadow
#100904— El lienzo y el fondo más oscuro de la página son cálidos, casi negros, pero no de un negro puro. Un vacío se esconde tras cada anuncio de producto. - Bark Brown
#382416— La superficie en relieve y el fondo relleno del botón están un tono por encima del lienzo, y se utilizan para una única y continua llamada a la acción. - Cork Border
#40372e— Líneas divisorias sutiles, separadores de secciones punteados, bordes de contenedores apenas perceptibles: un tono más cálido que el propio lienzo. - Driftwood
#6c5f51— Un gris cálido de tono medio para tabiques secundarios y elementos estructurales discretos, que sirve de puente entre el color corteza y el crema. - Ember Accent
#dc5000— El color naranja se utiliza para resaltar enlaces, etiquetas y frases cortas.
Tipografía
de 18 a 51 píxeles · 5 pasos
- halyard-display-variable — reemplazo: Inter or Söhne · esquemas 400, 500 · Una sola fuente. La versión de 500 puntos con un espaciado de 51 píxeles se utiliza para los títulos, demostrando una gran seguridad en el uso de mayúsculas; la misma fuente, con un espaciado de 400/29 píxeles, se convierte en la única fuente para el cuerpo del texto, utilizando mayúsculas y minúsculas. El espaciado entre letras se mantiene estándar: las formas geométricas cumplen su función sin compresión. Para una mayor coherencia estructural, puede utilizar «Inter», «Söhne» o «Neue Haas Grotesk».
- Arial — reemplazo: system-ui · esquemas 400, 500 · Se implementó una opción de respaldo a nivel de sistema para etiquetas microlegales (letras mayúsculas de 8 píxeles, por ejemplo, "* ADOBE ILLUSTRATOR"). Esto no es una decisión de diseño, sino un requisito para los avisos legales generados automáticamente por el sistema.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | promedio |
| Paso básico | 18px |
| Radio del botón | 8px |
| Radio de la tarjeta | 12px |
| Oscuridad | no - bordes en lugar de sombras |
La IA construirá tu sitio web al estilo de ORYZO AI y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- 21 TSI — Un vacío carmesí, una silueta única: un editorial de alta costura donde la interfaz de usuario se disuelve en la atmósfera.
- Ysl — Fotograma de una película en blanco y negro: una modelo bajo un logotipo, no se permite nada más.
- Channel Studio — Un laboratorio fotográfico de estudio con una lámpara de pantalla color coral.
- Assembly Coffee London — Carbones en una tostaduría oscura. Un lienzo casi negro con fotos de productos cálidas y tenuemente iluminadas y letras cursivas con serifa: la sensación de un menú de café de especialidad impreso en un samizdat nocturno.
- PostNew — Una galería abierta fuera del horario habitual y diseñada a la luz del día.
- Factory — La terminal de la "sala de guerra" a medianoche. La "fábrica" es un panel de control de un negro austero donde una sola tarjeta blanca aterriza como un despacho iluminado por una linterna; el único objeto en la sala es el trabajo en sí.
- Numbered — Una sesión de fotos de moda sobre terciopelo negro. Una pasarela casi negra, donde el encuadre está lleno con un solo rostro, siendo las únicas marcas tinta blanca y un hilo bronce apenas perceptible.
- Apple (España) — Teatro negro con iluminación ambiental.
- Home page | Impossible Foods — Un póster punk rojo sangre en la oscuridad del terciopelo. Una pancarta comprimida de diseño personalizado se difumina sobre un lienzo color vino, mientras que llamamientos a la acción en rojo intenso sobresalen como una etiqueta de precio en una tabla de carnicero.
- Ferrari — Un frenético Cavallino Rampante sobre mármol negro. Espacios negros interrumpidos por el inconfundible rojo Ferrari, letras mayúsculas blancas y planos cinematográficos de gran formato.
- OpenSea — Terminal de negociación negro con marcos azul mate.
- Arthursimonini — Programa de la película impreso en tinta negra.