Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpromoteurDéveloppement d'outils d'IA pour les entreprises. Haute qualité. Prix abordables.Écrire sur Telegram
ORYZO AI — un aperçu d'un site dans ce style

ORYZO AI

Un reportage photo sur une chambre noire. Un objet solitaire flotte dans la pénombre chaude, une police crème pour seul décor.

Le système visuel d'ORYZO traite chaque produit comme une pièce de musée: une toile aux tons chauds et sombres, une typographie crémeuse flottant dans un large espace négatif, et une absence totale d'éléments d'interface qui perturbent la forme. Tous les textes sont en majuscules, en police 500 g, à l'exception du corps du texte (29 px/400 g), seul élément conversationnel du système. Une unique couleur orange vif est utilisée uniquement pour les mentions légales et les liens vers le studio – jamais pour les boutons ou les appels à l'action – d'où sa rareté. La mise en page alterne entre deux modes: un mode photographique (le produit dans son contexte, avec outils et matériaux) et un mode d'affichage minimaliste (le produit isolé sur un fond chaud et sombre), reliés par de fines barres de séparation pointillées et des commandes en forme de pilule.

La page entière est d'une largeur illimitée: aucun conteneur n'est limité et chaque section occupe 100 vw. Page d'accueil: une photo plein écran de haut en bas avec un logo ORYZO imposant (plus de 51 px) en haut à gauche, un slogan au-dessus, une navigation minimaliste fixe en haut à droite, une barre latérale verticale sur le côté droit, une fiche d'information translucide en bas à gauche et une vignette vidéo en bas à droite. Sections suivantes: un canevas plein écran couleur Noyer Ombre avec un rendu 3D centré du produit, entouré d'un titre aligné à gauche et d'un texte aligné à droite; une grille à trois colonnes (texte/objet/texte) avec des gouttières de 18 px. Les transitions entre les sections sont fluides, sombres sur fond sombre; seules de fines lignes pointillées séparent les éléments. La navigation est fixe et transparente, avec un maximum de 4 éléments. Pas de barre latérale, pas de chrominance dans le pied de page, pas de cartes imbriquées: chaque page forme un tout cohérent.

Les photographies, de nature éditoriale, sont prises en plongée et contextualisées: un sous-verre en liège repose sur un tapis de découpe vert, entouré de crayons, d’un cutter et d’un trombone – les outils du métier visibles dans le cadre. Le tapis de découpe vert (n° 445231) est un élément d’affichage uniquement, et non un élément d’interface utilisateur. Les sections consacrées à la présentation des produits sont dominées par des rendus 3D: le sous-verre en liège est présenté isolé sur un fond couleur Noyer, éclairé par un halo chaud venant du haut à droite, avec des angles de vue alternés, de la plongée aux trois quarts. Pas de photos de style de vie, pas de personnes, pas d’images d’illustration: l’objet est le protagoniste, et les outils constituent son contexte. Les images occupent tout l’écran, présentent des contours nets (sans flou) et sont traitées avec un contraste élevé et une correction des couleurs chaudes.

Palette

Neutre

  • Warm Cream #ffedd7 — Texte clair sur fond sombre, légendes inversées et images à contraste élevé.
  • Walnut Shadow #100904 — La couleur de fond et le fond le plus foncé de la page sont chauds, presque noirs, mais pas d'un noir pur. Un vide se cache derrière chaque annonce de produit.
  • Bark Brown #382416 — La surface en relief et le fond rempli du bouton sont d'une couleur supérieure à celle du canevas, utilisés pour un appel à l'action unique et continu.
  • Cork Border #40372e — Des lignes de séparation subtiles, des séparateurs de sections en pointillés, des bordures de contenants à peine perceptibles – une teinte plus chaleureuse que la toile elle-même.
  • Driftwood #6c5f51 — Un gris chaud, de tonalité moyenne, idéal pour les cloisons secondaires et les éléments structurels discrets, qui fait le lien entre Bark et Cream.
  • Ember Accent #dc5000 — La couleur orange est utilisée pour mettre en évidence les liens, les étiquettes et les courtes phrases.

Typographie

de 18 à 51 px · 5 étapes

  • halyard-display-variable — remplacement: Inter or Söhne · grandes lignes 400, 500 · Une seule police. La version 500 g/m² avec un espacement de 51 px est utilisée pour les titres, témoignant d'une maîtrise exceptionnelle des majuscules; la même police, en version 400 g/m² avec un espacement de 29 px, est utilisée pour le corps du texte, en alternance majuscules et minuscules. L'espacement des lettres reste standard: les formes géométriques sont parfaitement lisibles sans compression. Pour une meilleure cohérence structurelle, vous pouvez utiliser « Inter», « Söhne» ou « Neue Haas Grotesk».
  • Arial — remplacement: system-ui · grandes lignes 400, 500 · Un format de repli général pour les mentions légales minimales (8 px en majuscules, par exemple: « * ADOBE ILLUSTRATOR»). Il ne s’agit pas d’un choix de conception, mais d’une exigence pour les mentions légales générées automatiquement par le système.

Intervalles et forme

ButSignification
Densitémoyenne
Étape de base18px
Rayon du bouton8px
Rayon de la carte12px
Ombresnon - des bordures à la place des ombres

L'IA construira votre site web dans le style ORYZO AI et le remplira.

  • Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
  • Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
  • Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
  • Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.

Styles similaires

  • 21 TSI — Un vide cramoisi, une silhouette unique – un éditorial de haute couture où l'interface utilisateur se fond dans l'atmosphère
  • Ysl — Image extraite d'un film en noir et blanc: un seul mannequin sous un seul logo, rien d'autre n'est autorisé.
  • Channel Studio — Un laboratoire photo de studio avec un abat-jour corail.
  • Assembly Coffee London — Des charbons dans une torréfaction obscure. Une toile presque noire avec des photos de produits aux tons chauds et tamisés et une typographie cursive à empattements — l'impression d'un menu de cafés de spécialité imprimé dans un samizdat en pleine nuit.
  • PostNew — Une galerie ouverte après les heures d'ouverture et conçue pour la lumière du jour
  • Factory — Le terminal de la « salle de guerre» à minuit. L'« usine» est un panneau de contrôle noir austère où une simple carte blanche apparaît comme un ordre éclairé par une lampe torche; le seul objet dans la pièce est le travail lui-même.
  • Numbered — Une séance photo de mode sur velours noir. Un podium presque noir, où le cadre est occupé par un seul visage, les seules marques étant de l'encre blanche et un fil de bronze à peine perceptible.
  • Apple (España) — théâtre noir avec éclairage
  • Home page | Impossible Foods — Une affiche punk rouge sang dans une obscurité veloutée. Une bannière compressée, conçue sur mesure, se floute sur une toile couleur vin, tandis que des appels à l'action d'un rouge vif jaillissent comme une étiquette de prix sur un billot de boucher.
  • Ferrari — Un cheval fougueux sur du marbre noir. Des espaces noirs interrompus par le rouge Ferrari incomparable, des lettres capitales blanches et des plans larges dignes du cinéma.
  • OpenSea — Terminal de trading noir avec cadres bleu mat
  • Arthursimonini — Programme du film imprimé à l'encre noire