ORYZO AI
暗室をテーマにしたフォトエッセイ。温かい暗闇の中に浮かぶ孤独な物体、唯一の装飾はクリーム色のフォント。
ORYZOのビジュアルシステムは、個々の製品オブジェクトを美術館の展示品のように扱います。温かみのある暗いトーンのキャンバスに、大きな余白に浮かぶクリーム色の文字、そしてフォルムと競合するインターフェース要素は一切ありません。本文（29px/400）を除き、すべてのテキスト要素は500ウェイトのすべて大文字で記述されており、本文はシステム内で唯一の会話要素です。鮮やかなオレンジ色は、クレジット表記とスタジオへのリンクにのみ使用され、ボタンやコールトゥアクションには一切使用されないため、非常に珍しい色となっています。レイアウトは、写真によるヒーローモード（ツールや素材との関連で製品が提示されるモード）と、空白ベースの表示モード（温かみのある暗い背景に製品が単独で提示されるモード）の2つのモードを交互に切り替え、細い点線の区切り線とピル型のコントロールで接続されています。
ページ全体の幅は無制限です。最大幅のコンテナはなく、各セクションは 100vw を占めます。ホーム画面: 上から下までフルスクリーンの写真で、左上隅に巨大な ORYZO ロゴ (51px 以上)、その上にタグライン、右上隅に固定されたミニマルなナビゲーション、右端に沿って垂直のサイドバー、左下隅に半透明の情報カード、右下隅にビデオのサムネイルがあります。次のセクション: フルスクリーンの Walnut Shadow キャンバスで、中央に製品の 3D レンダリングがあり、左揃えのタイトルと右揃えの本文に囲まれています。幅 18px のガターを持つ 3 列のグリッド (テキスト/オブジェクト/テキスト) です。セクション間の遷移は滑らかで、暗い背景に暗い色が表示されます。唯一の区切りは細い点線の区切り線です。ナビゲーションは固定されており、透明で、最大 4 つの要素があります。サイドバーはなく、フッターにクロームはなく、カードの中にカードはありません。すべての画面が単一のエンティティのように感じられます。
これらの写真は編集的な性質を持ち、真上からの視点で、文脈の中で撮影されています。コルクのコースターが緑色のカッティングマットの上に置かれ、鉛筆、カッターナイフ、ペーパークリップに囲まれています。フレーム内には、仕事道具が写っています。緑色のカッティングマット（#445231）はディスプレイ要素のみであり、UI要素ではありません。製品プレゼンテーション専用のセクションは、3Dレンダリングが中心です。コルクのコースターは、ウォールナットシャドウの背景に単独で表示され、右上から温かみのあるリムライトで照らされ、真上からと3/4の角度で交互に撮影されています。ライフスタイル写真、人物、ストック画像はありません。オブジェクトが主役であり、道具はその文脈です。画像は画面全体を占め、エッジは鮮明で（丸みを帯びたマスクはありません）、高コントラストと温かみのある色補正で処理されています。
パレット
中性
- Warm Cream
#ffedd7— 暗い背景に明るい文字、反転したキャプション、高コントラストの画像。 - Walnut Shadow
#100904— ページのキャンバスと最も深い背景は、温かみのある、ほぼ黒に近い色だが、純粋な黒ではない。あらゆる製品発表の背後には、虚無が潜んでいる。 - Bark Brown
#382416— ボタンの盛り上がった表面と塗りつぶされた背景は、キャンバスよりも一段階上の色で、単一の連続した行動喚起のために使用されます。 - Cork Border
#40372e— 微妙な区切り線、点線の区画区切り、ほとんど目立たない容器の境界線――キャンバスそのものよりも一段階温かみのある色合い。 - Driftwood
#6c5f51— 二次的な間仕切りや控えめな構造要素に適した、温かみのある中間色のグレーで、バークとクリームの中間色と言えるでしょう。 - Ember Accent
#dc5000— オレンジ色は、リンク、タグ、短いフレーズを強調表示するために使用されます。
タイポグラフィ
18～51ピクセル・5段階
- halyard-display-variable — 交換： Inter or Söhne · 概要 400, 500 · フォントは1種類のみです。見出しには、ウェイト500、ピッチ51pxのフォントを使用し、大文字の使用に非常に自信を持っていることを示しています。本文には、同じフォントのウェイト400、ピッチ29pxのフォントを1種類のみ使用し、大文字と小文字を混在させています。文字間隔は標準のままです。幾何学的な形状が圧縮されることなく、その役割を果たします。より構造的に近いフォントをお探しの場合は、「Inter」、「Söhne」、または「Neue Haas Grotesk」を使用できます。
- Arial — 交換： system-ui · 概要 400, 500 · システム全体で、マイクロリーガルラベル（8pxの大文字、例：「* ADOBE ILLUSTRATOR」）の代替表示形式。これは設計上の決定ではなく、自動生成されるシステム免責事項の要件です。
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 18px |
| ボタンの半径 | 8px |
| カード半径 | 12px |
| 影 | いいえ - 影の代わりに境界線 |
AI がORYZO AIスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- 21 TSI — 深紅の虚空、ただ一つのシルエット――ユーザーインターフェースが大気に溶け込む、ハイファッションのエディトリアル。
- Ysl — 白黒映画の一場面 - 1つのロゴの下に1人のモデル、それ以外は許されない
- Channel Studio — サンゴ色のランプシェードが1つ置かれたスタジオ写真ラボ
- Assembly Coffee London — 暗い焙煎所の炭火。ほぼ黒に近いキャンバスに、温かみのある薄暗い照明の下、商品写真と筆記体のセリフ体文字が並ぶ――まるで深夜の地下印刷物で印刷されたスペシャルティコーヒーのメニューのような雰囲気だ。
- PostNew — 営業時間外にも営業しており、日中の光でデザインされたギャラリー
- Factory — 真夜中の「作戦室」の端末。「工場」は、懐中電灯で照らされた指令書のように一枚の白いカードが置かれる、殺風景な黒い制御盤だ。部屋にある唯一の物体は、仕事そのものだけだ。
- Numbered — 黒いベルベットの上で行われたファッション撮影。ほぼ真っ黒なキャットウォークには、たった一人の顔だけが映し出され、唯一の痕跡は白いインクと、かろうじて見えるブロンズ色の糸だけだった。
- Apple (España) — 照明器具を備えた黒い劇場
- Home page | Impossible Foods — ベルベットのような暗闇の中に、血のように赤いパンクポスターが浮かび上がる。特注で圧縮されたバナーがワイン色のキャンバスにぼやけて描かれ、真っ赤な行動喚起のメッセージが、まるで肉屋のまな板に貼られた値札のように突き出ている。
- Ferrari — 黒大理石の上に躍動感あふれるカヴァリーノ（フェラーリの馬）の絵。黒い空間に、紛れもないフェラーリレッド、白い大文字、そして画面いっぱいに広がる映画のようなショットが散りばめられている。
- OpenSea — マットブルーのフレームが付いた黒い取引端末
- Arthursimonini — 黒インクで印刷された映画プログラム