← OpenDesign
厳選・オープン・無料
Augen Pro
Humanwareの先へ。
Premium Hardware 3D Clean Calm
01
デザイン DNA
augen Humanware neural wearable innovation
ヒューマン・オーグメンテーションのためのミニマルなラボラトリー。
02
カラー
#0071E3Accent
#0F1012Ink
#5E5E5EInk soft
#FFFFFFBG
#F2F2F4BG soft
#EFEFEFBG quiet
rgba(0, 113, 227, 0.5)Line
鮮やかなブルーアクセントを1色用いた、ハイコントラストのミニマルデザイン。
03
タイポグラフィ
geometric-sans · monospace
display 56px · 350body 16px · 350テキストにはすべてジオメトリックサンスを使用。 · 繊細で技術的な見た目を保つため、ライトウェイトを維持。 · ディスプレイテキストにはネガティブレタースペーシングを使用。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
焦点と豪華さの感覚を生み出す、ゆとりのあるホワイトスペース。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
コンテナやチップ用の、薄く微細なボーダー。
0 2px 10px rgba(0, 0, 0, 0.05)
06
レイアウト
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
大きなヒーローセクションを持つ、セントラルカラムレイアウト。
07
モーションとインタラクション
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
トランジションのための微細なフェードとスライド。 · ボタンの滑らかなホバーエフェクト。
背景色の変化、または微細なテキスト色のシフト。 · 微細なスケールまたは色の変化。
08
コンポーネント
button 薄いボーダーとブルーテキストを持つ、ピルシェイプのボタン。 card 微細な背景を持つ、ミニマルなカード。 chip カテゴリ用の、アウトライン付きピルシェイプチップ。 input クリーンでボーダーレスなインプット。 hero 最小限のテキストオーバーレイを持つ、大きな3Dレンダー。
09
文体と禁止事項
トーン 技術的、先駆的、洗練された。 見出し 短く、インパクトのあるステートメント。 CTA 明確で、アクション指向のラベル。 重いボーダーは使用しない — スクリーンショットでは薄く微細なラインが示されています。 ボールドなタイポグラフィは使用しない — スクリーンショットではライトで洗練されたウェイトが示されています。 複数のアクセントカラーは使用しない — スクリーンショットではブルーのアクセントが1色示されています。 メインヒーローに暗い背景は使用しない — スクリーンショットではホワイトの背景が示されています。 遊び心のある、または丸みを帯びた形状は使用しない — スクリーンショットではシャープで幾何学的なフォームが示されています。 複雑なグラデーションは使用しない — スクリーンショットではソリッドカラーと微細なシャドウが示されています。 避ける: ごちゃごちゃしたレイアウト 避ける: 明るく、多色のアクセント 避ける: 丸みを帯びた、遊び心のある形状
10
パック内の実スクリーンショット
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 実ページから取得 · 実 computed styles
11
System Prompt
これは「augen(Augen Pro)」のプレミアムハードウェア&ニューラルテクノロジーサイトで、「Beyond Humanware」とポジショニングされています。デザインはミニマルで洗練されており、クリーンなホワイト背景(#FFFFFF)に、ダークインク(#0F1012)と、鮮やかなブルーアクセント1色(#0071E3)を使用しています。タイポグラフィはジオメトリックサンセリフ(PP Neue Montreal)をライトウェイトで使用し、技術的で洗練された感覚を生み出しています。重要な制約事項:ボールドなタイポグラフィは使用しない、複数のアクセントカラーは導入しない、不要な要素でレイアウトを雑踏させないこと。サイトは3D画像とゆとりのあるホワイトスペースを強調し、未来志向の革新性の感覚を生み出しています。
ライブラリからもっと
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
なぜ収録: ミニマルデザインを用いて洗練さと革新性を伝える、プレミアムテックブランドの優れた例です。