ORYZO AI
Um ensaio fotográfico sobre um quarto escuro. Um objeto solitário pairando na escuridão quente, com uma fonte creme como única decoração.
O sistema visual da ORYZO trata cada produto individual como uma peça de museu: uma tela em tons quentes e escuros, tipografia cremosa flutuando em um amplo espaço negativo e uma completa ausência de elementos de interface que concorram com a forma. Todos os elementos de texto são escritos em letras maiúsculas com fonte de peso 500, com exceção do corpo do texto em 29px/400, que é o único elemento conversacional do sistema. Uma única cor laranja vibrante é usada apenas para linhas de atribuição e links para o estúdio — nunca para botões ou chamadas para ação — daí sua raridade. O layout alterna entre dois modos: um modo de destaque fotográfico (o produto em contexto com ferramentas e materiais) e um modo de exibição baseado em vazio (o produto isolado contra um fundo quente e escuro), conectados por divisórias finas pontilhadas e controles em formato de pílula.
A página inteira tem largura ilimitada — não há limite máximo de largura para o contêiner, e cada seção ocupa 100vw. Tela inicial: uma foto em tela cheia de cima a baixo com um enorme logotipo da ORYZO (mais de 51px) no canto superior esquerdo, um slogan acima, navegação minimalista fixa no canto superior direito, uma barra lateral vertical na borda direita, um cartão informativo translúcido no canto inferior esquerdo e uma miniatura de vídeo no canto inferior direito. Seções subsequentes: uma tela inteira em Walnut Shadow com uma renderização 3D centralizada do produto, cercada por um título alinhado à esquerda e o corpo do texto alinhado à direita — uma grade de três colunas (texto/objeto/texto) com espaçamento entre as colunas de 18px. As transições entre as seções são suaves, escuras sobre um fundo escuro; as únicas quebras são finas linhas pontilhadas. A navegação é fixa, transparente, com um máximo de 4 elementos. Não há barra lateral, nem chrome no rodapé, nem cards dentro de cards — cada tela parece uma entidade única.
As fotografias têm caráter editorial, tiradas de uma perspectiva de cima para baixo e em contexto: um porta-copos de cortiça repousa sobre uma base de corte verde, rodeado por lápis, um estilete e um clipe de papel — as ferramentas de trabalho visíveis na imagem. A base de corte verde (#445231) é apenas um elemento de exibição, não um elemento de interface do usuário. As seções dedicadas à apresentação do produto são dominadas por renderizações 3D: o porta-copos de cortiça é mostrado isolado contra um fundo Sombra de Nogueira, iluminado de cima à direita com uma luz de contorno quente, com ângulos alternados de cima para baixo a três quartos. Não há fotos de estilo de vida, pessoas ou imagens de banco de imagens — o objeto é o protagonista e as ferramentas são o seu contexto. As imagens ocupam toda a tela, têm bordas nítidas (sem máscaras arredondadas) e são processadas com alto contraste e correção de cores quentes.
Paleta
Neutro
- Warm Cream
#ffedd7— Texto claro em superfícies escuras, legendas invertidas e imagens de alto contraste. - Walnut Shadow
#100904— A tela e o fundo mais profundo da página são quentes, quase pretos, mas não totalmente pretos. Um vazio espreita por trás de cada anúncio de produto. - Bark Brown
#382416— A superfície em relevo e o fundo preenchido do botão estão um tom acima da tela, sendo utilizados para uma chamada à ação única e contínua. - Cork Border
#40372e— Linhas divisórias sutis, pontilhados entre as seções, bordas quase imperceptíveis nos recipientes – um tom mais quente que a própria tela. - Driftwood
#6c5f51— Um cinza quente de tom médio para divisórias secundárias e elementos estruturais discretos, que faz a ponte entre o Bark e o Cream. - Ember Accent
#dc5000— A cor laranja é usada para destacar links, tags e frases curtas.
Tipografia
de 18 a 51px · 5 etapas
- halyard-display-variable — substituição: Inter or Söhne · esboços 400, 500 · Uma única fonte. A versão de 500 pontos com espaçamento de 51px é usada para títulos, demonstrando excepcional segurança no uso de letras maiúsculas; a mesma fonte, com espaçamento de 400/29px, torna-se a única fonte para o corpo do texto, utilizando maiúsculas e minúsculas. O espaçamento entre letras permanece padrão — as formas geométricas cumprem sua função sem compressão. Para uma correspondência estrutural mais precisa, você pode usar 'Inter', 'Söhne' ou 'Neue Haas Grotesk'.
- Arial — substituição: system-ui · esboços 400, 500 · Um recurso padrão para todo o sistema em relação a rótulos microlegais (8px em maiúsculas, por exemplo, "* ADOBE ILLUSTRATOR"). Isso não é uma decisão de design, mas um requisito para avisos legais gerados automaticamente pelo sistema.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | média |
| Passo básico | 18px |
| Raio do botão | 8px |
| Raio do cartão | 12px |
| Sombras | não - bordas em vez de sombras |
A IA criará seu site no estilo ORYZO AI e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- 21 TSI — Um vazio carmesim, uma única silhueta – um editorial de alta moda onde a interface do usuário se dissolve na atmosfera.
- Ysl — Uma imagem estática de um filme em preto e branco - uma modelo sob um logotipo, nada mais é permitido.
- Channel Studio — Um estúdio fotográfico com um abajur coral.
- Assembly Coffee London — Brasas em uma torrefação escura. Uma tela quase preta com fotos de produtos em tons quentes e com iluminação tênue, e letras cursivas serifadas — a sensação de um cardápio de cafés especiais impresso em um samizdat noturno.
- PostNew — Uma galeria aberta após o horário comercial e projetada para aproveitar a luz do dia.
- Factory — O terminal da "sala de guerra" à meia-noite. A "fábrica" é um painel de controle totalmente preto, onde um único cartão branco aterrissa como um despacho iluminado por uma lanterna — o único objeto na sala é a própria obra.
- Numbered — Um ensaio fotográfico de moda em veludo preto. Uma passarela quase totalmente negra, onde o enquadramento é preenchido por um único rosto, com as únicas marcas sendo tinta branca e um fio bronze quase imperceptível.
- Apple (España) — Teatro preto com acessórios iluminados
- Home page | Impossible Foods — Um pôster punk vermelho-sangue em uma escuridão aveludada. Uma faixa personalizada e comprimida se espalha desfocada sobre uma tela cor de vinho, enquanto chamadas à ação em vermelho sólido se destacam como uma etiqueta de preço em um cepo de açougueiro.
- Ferrari — Um cavaleiro frenético sobre mármore negro. Vazios negros interrompidos pelo inconfundível vermelho Ferrari, letras maiúsculas brancas e planos cinematográficos em tela cheia.
- OpenSea — Terminal de negociação preto com molduras em azul fosco.
- Arthursimonini — Programa do filme impresso em tinta preta