← OpenDesign
厳選・オープン・無料
One Is
ジェネラティブアート、ナラティブ空間、フィジカルインスタレーションを融合した投機的クリエイティブプラットフォーム。
Studio Gallery Photographic Experimental Refined
01
デザイン DNA
投機的 ジェネラティブ フィジカル ナラティブ ハイレゾリューション
アート、テクノロジー、ナラティブ空間を結ぶデジタル・フィジカルスタジオ。
02
カラー
#000000Ink
#FBFBFABG
#BEC0C5Muted
rgba(190,192,197,1.0)Line
ハイコントラストインクと、控えめなセカンダリテキストのための単一のニュートラルミュートトーンを備えたミニマルキャンバス。
03
タイポグラフィ
grotesque-sans
display 24px · 500body 18px · 400プライマリテキストは-0.24pxのタイトな文字間隔を使用 · 見出しと本文は中程度のウェイト(500)を共有 · 特定のラベルやボタンに大文字変換を適用
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
豊かな垂直パディング(32pxから80px)が、広々とした息のできるレイアウトを生み出します。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
ボタンなどのインタラクティブ要素に2pxのソリッドボーダー。
目立つものなし
06
レイアウト
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
左にロゴ、右にCTAを持つシンプルなヘッダー、その後にフルブリーディングメディアまたは幅広のテキストブロックが続く。
07
モーションとインタラクション
125ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
インタラクティブ要素のための繊細な不透明度とトランスフォームのトランジション。
インタラクティブ要素に標準のカーソルポインタ。 · トランジションによる即座の視覚フィードバック。
08
コンポーネント
button 2pxのソリッドボーダーを持つピル型アウトラインボタン。 card 大きなイメージと角丸を持つメディア中心のカード。 hero 最小限のオーバーレイテキストを持つ、フルビューポートビデオまたはハイレゾリューションの写真背景。
09
文体と禁止事項
トーン 投機的、抽象的、そして詩的。 見出し ブランドマニフェストを構築するための繰り返しの「ONEは[コンセプト]」構造。 CTA シンプルで機能的な単語のCTA(「Contact」)。 複数のアクセントカラーを使用しない — スクリーンショットは白地に黒文字のモノクロパレットを示しています。 装飾的またはスクリプトフォントを使用しない — スクリーンショットはクリーンで現代的なグロテスクサンセリフを示しています。 重いドロップシャドウを使用しない — スクリーンショットは目立つ影のないフラットでクリーンなサーフェスを示しています。 小さくタイトなコンテナを使用しない — スクリーンショットは非常に広々として、ほぼ空のレイアウトを示しています。 従来のグリッドラインまたは重いボーダーを使用しない — スクリーンショットは広大なホワイトスペースを主要な区切りとして使用しています。 標準的な企業的なCTAを使用しない — スクリーンショットは非常にミニマルな「Contact」ボタンを使用しています。 避ける: 企業用語 避ける: 過度なマーケティングフレーズ 避ける: 密度の高い説明の段落
10
パック内の実スクリーンショット
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 実ページから取得 · 実 computed styles
11
System Prompt
One Isは、アート、テクノロジー、フィジカル空間の橋渡しとして位置付けられた投機的クリエイティブプラットフォームです。デザインは、厳格なブラックオンホワイトパレット(#FBFBFAの上に#000000)を主とするミニマルでギャラリー風のキャンバスで、控えめなリストアイテムには単一のニュートラルミュートトーン(#BEC0C5)が使用されています。タイポグラフィは、中程度のウェイト(500)とタイトな文字間隔を持つクリーンなグロテスクサンセリフカテゴリに依存しています。重要な禁止事項には、装飾フォントの回避、複数のアクセントカラーの回避、重いボーダーやシャドウを伴う雑然としたレイアウトの回避が含まれます。システムは、広大なホワートスペース、ハイレゾリューションメディア、そして詩的でマニフェスト風のトーンを強調すべきです。
ライブラリからもっと
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
なぜ収録: このサイトは、従来のUIパターンよりもインパクトの強いビジュアルと詩的なコピーを重視する、現代的で投機的なデザインスタジオポートフォリオの優れた例です。