Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukontwikkelaarAI-tools ontwikkelen voor bedrijven. Hoogwaardig. Betaalbaar.Stuur een Telegram-bericht
ORYZO AI — een voorbeeld van een site in deze stijl

ORYZO AI

Een fotoreportage over een donkere kamer. Een eenzaam object dat zweeft in de warme duisternis, crèmekleurige letters als enige versiering.

Het visuele systeem van ORYZO behandelt elk product als een museumstuk: een canvas in warme, donkere tinten, crèmekleurige tekst die zweeft in een grote negatieve ruimte en een volledige afwezigheid van interface-elementen die concurreren met de vorm. Alle tekstelementen zijn in hoofdletters geschreven met een lettertype van 500 punten, met uitzondering van de hoofdtekst in 29px/400, het enige conversatie-element van het systeem. Een enkele, heldere oranje kleur wordt alleen gebruikt voor naamsvermeldingen en studiolinks – nooit voor knoppen of call-to-actions – vandaar de zeldzaamheid ervan. De lay-out wisselt tussen twee modi: een fotografische hero (het product in context met gereedschap en materialen) en een op leegte gebaseerde weergavemodus (het product geïsoleerd tegen een warme, donkere achtergrond), verbonden door dunne, gestippelde scheidingslijnen en pilvormige bedieningselementen.

De hele pagina heeft een onbeperkte breedte – er is geen maximale breedte voor de container en elke sectie beslaat 100 vw. Het startscherm: een foto over de volledige breedte van boven naar beneden met een enorm ORYZO-logo (51px+) in de linkerbovenhoek, een slogan erboven, een vaste minimalistische navigatie in de rechterbovenhoek, een verticale zijbalk langs de rechterrand, een doorschijnende infokaart in de linkerbenedenhoek en een miniatuur van een video in de rechterbenedenhoek. De volgende secties: een canvas over de volledige breedte in de kleur Walnut Shadow met een gecentreerde 3D-weergave van het product, omringd door een links uitgelijnde titel en rechts uitgelijnde tekst – een raster van drie kolommen (tekst/object/tekst) met brede tussenruimtes van 18px. De overgangen tussen de secties zijn vloeiend, donker op een donkere achtergrond; de enige onderbrekingen zijn dunne stippellijnen. De navigatie is vast, transparant en bestaat uit maximaal 4 elementen. Er is geen zijbalk, geen rand in de footer, geen kaarten binnen kaarten – elk scherm voelt aan als één geheel.

De foto's zijn redactioneel van aard, genomen vanuit een bovenaanzicht en in context: een kurken onderzetter rust op een groene snijmat, omringd door potloden, een hobbymes en een paperclip – de gereedschappen die in beeld zijn. De groene snijmat (#445231) is puur een weergave-element, geen UI-element. De gedeeltes gewijd aan productpresentatie worden gedomineerd door 3D-renderings: de kurken onderzetter wordt geïsoleerd getoond tegen een achtergrond in de kleur Walnut Shadow, verlicht vanuit de rechterbovenhoek met een warm randlicht, met afwisselende hoeken van bovenaf tot driekwart. Er zijn geen lifestylefoto's, geen mensen, geen stockfoto's – het object is de protagonist en de gereedschappen vormen de context. De afbeeldingen vullen het hele scherm, hebben scherpe randen (geen afgeronde maskers) en zijn bewerkt met een hoog contrast en warme kleurcorrectie.

Palet

Neutrale

  • Warm Cream #ffedd7 — Lichte tekst op een donkere achtergrond, omgekeerde bijschriften en afbeeldingen met hoog contrast.
  • Walnut Shadow #100904 — De basiskleur van de pagina en de diepste achtergrond zijn warm, bijna zwart, maar niet helemaal zwart. Achter elke productaankondiging schuilt een leegte.
  • Bark Brown #382416 — Het verhoogde oppervlak en de gevulde achtergrond van de knop bevinden zich één kleurstap boven het canvas, en worden gebruikt voor een enkele, doorlopende oproep tot actie.
  • Cork Border #40372e — Subtiele scheidingslijnen, stippellijnen als sectie-indeling, nauwelijks zichtbare randen van de bakjes – een tintje warmer dan het doek zelf.
  • Driftwood #6c5f51 — Een warme, middengrijze tint voor secundaire scheidingswanden en ingetogen structurele elementen, die de kloof tussen Bark en Cream overbrugt.
  • Ember Accent #dc5000 — Oranje wordt gebruikt om links, tags en korte zinnen te markeren.

Typografie

van 18 tot 51px · 5 stappen

  • halyard-display-variable — vervanging: Inter or Söhne · overzichten 400, 500 · Eén enkel lettertype. Voor de koppen wordt de variant met gewicht 500 en een pitch van 51px gebruikt, wat getuigt van een uitzonderlijk vertrouwen in het gebruik van hoofdletters; hetzelfde lettertype, maar dan met een gewicht van 400 en een pitch van 29px, wordt het enige lettertype voor de hoofdtekst, waarbij hoofdletters en kleine letters door elkaar worden gebruikt. De letterafstand blijft standaard – de geometrische vormen doen hun werk zonder compressie. Voor een betere structurele overeenkomst kunt u 'Inter', 'Söhne' of 'Neue Haas Grotesk' gebruiken.
  • Arial — vervanging: system-ui · overzichten 400, 500 · Een systeemwijde terugvaloptie voor microlegale labels (8px hoofdletters, bijv. "* ADOBE ILLUSTRATOR"). Dit is geen ontwerpkeuze, maar een vereiste voor automatisch gegenereerde systeemdisclaimers.

Intervallen en vorm

DoelBetekenis
Diktegemiddeld
Basisstap18px
Knopradius8px
Kaartradius12px
Schaduwengeen randen in plaats van schaduwen

AI bouwt je website in de stijl ORYZO AI en vult deze in.

  • Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
  • Neem de inhoud van je oude website over; geef gewoon het adres op.
  • Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
  • Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.

Vergelijkbare stijlen

  • 21 TSI — Een karmozijnrode leegte, een enkel silhouet – een high fashion-editorial waarin de gebruikersinterface opgaat in de atmosfeer.
  • Ysl — Een still uit een zwart-witfilm - één model onder één logo, niets anders is toegestaan.
  • Channel Studio — Een fotostudio met één koraalkleurige lampenkap.
  • Assembly Coffee London — Kolen in een donkere branderij. Een bijna zwart canvas met warme, gedempt verlichte productfoto's en sierlijke schreefletters – de sfeer van een speciaal koffiemenu gedrukt in een samizdat-machine midden in de nacht.
  • PostNew — Een galerie die ook buiten de reguliere openingstijden geopend is en overdag is ontworpen.
  • Factory — De terminal in de "oorlogskamer" om middernacht. De "fabriek" is een strak zwart bedieningspaneel waar een enkele witte kaart landt als een door een zaklamp verlicht bericht – het enige object in de kamer is het werk zelf.
  • Numbered — Een modeshoot op zwart fluweel. Een bijna volledig zwarte catwalk, waar het beeldkader gevuld is met één enkel gezicht, met als enige sporen witte inkt en een nauwelijks zichtbare bronzen draad.
  • Apple (España) — zwart theater met verlichte armaturen
  • Home page | Impossible Foods — Een bloedrode punkposter in fluweelzwarte duisternis. Een speciaal ontworpen, compacte banner vervaagt over een wijnkleurig canvas, terwijl felrode oproepen tot actie erdoorheen prikken als een prijskaartje op een slagersblok.
  • Ferrari — Een hectische cavallino op zwart marmer. Zwarte vlakken onderbroken door het onmiskenbare Ferrari-rood, witte hoofdletters en filmische shots over de volledige breedte.
  • OpenSea — Zwarte handelsterminal met matblauwe omlijsting.
  • Arthursimonini — Filmprogramma afgedrukt in zwarte inkt.