厳選・オープン・無料
Heartaerospace
抑制されたタイポグラフィと大規模なイメージを用いて、電動航空ハードウェアを紹介する、プレミアムで清潔な航空宇宙ブランド。
CleanHardwareEditorialPremiumRestraint
01
デザイン DNA
航空宇宙電動航空持続可能性クリーンテクノロジープレミアムハードウェア
清潔で抑制された航空宇宙工学のドキュメント。
02
カラー
#1032CFAccent
#141414Ink
#767676Ink soft
#FFFFFFBG
#EEF0F2BG soft
rgba(20,20,20,0.15)Line
ハイコントラストなモノクロームをベースとし、インタラクティブ要素には単一の鮮やかなディープブルーアクセントを使用する。
03
タイポグラフィ
neue-haas-grotesk-display · neue-haas-grotesk-text
- display
50px · 500 - body
18px · 400 - caption
14px · 400
すべての主要なディスプレイテキストにNeue Haas Grotesk Displayを使用する。 · すべての本文およびUIテキストにNeue Haas Grotesk Textを使用する。 · 見出しにはtightな字間を維持する。
04
余白
4px
8px
12px
16px
24px
32px
48px
64px
96px
厳格な4pxベースグリッドと、広めの64pxセクションパディング。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 32px
pill · 999px
rgba(20,20,20,0.15)または低不透明度のブラックを使用した、繊細な1pxボーダー。
0 32px 68px rgba(0, 0, 0, 0.3)
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
中央揃えの大規模なタイポグラフィオーバーレイを備えた、フルワイドのヒーローイメージ。
07
モーションとインタラクション
150msmicro
200mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
hover時の繊細な不透明度トランジション。 · プライマリボタンのカラー変化トランジション。 · 画像のフィルター変化トランジション。
インタラクティブ要素におけるわずかな不透明度の低下または色の変化。 · バウンスするスケーリングなしの、即座の視覚フィードバック。
08
コンポーネント
- button 白いテキストと角丸(lg radius)を備えた、ソリッドなディープブルー(#1032CF)の長方形。
- card 目立つボーダーのない、シンプルな白色または透明なサーフェス。
- chip クッキー同意用の最小限のピル型トグル。
- input 繊細なボトムボーダーを持つ、清潔なテキスト入力フィールド。
- hero 大きな白色オーバーレイタイポグラフィを備えた、フルワイドの写真背景。
09
文体と禁止事項
- トーン プロフェッショナルで、先見的、かつ未来的。
- 見出し 大きな、太字の、文頭大文字のステートメント。
- CTA ソリッドなブルー背景上の、明確でアクション指向のテキスト。
- 装飾的なフォントは使用しない — スクリーンショットは清潔で幾何学的なグロテスクサンセリフタイポグラフィを示している。
- テキストの後ろに雑然とした背景を使用しない — スクリーンショットはイメージまたはソリッドな白背景の上に明確なテキストオーバーレイを示している。
- 複数のアクセントカラーを使用しない — スクリーンショットは一貫して使用される単一の主要なディープブルーを示している。
- 鋭くアグレッシブな角を使用しない — スクリーンショットは主要要素において一貫して角丸(最大32px)を示している。
- メインインタフェースにダークモードを使用しない — スクリーンショットは主に白とライトテーマのレイアウトを示している。
- 低コントラストのテキストを使用しない — スクリーンショットは背景に対して高コントラストの黒または白のテキストを示している。
- 避ける: 文脈のない、過度に専門的な用語。
- 避ける: アグレッシブまたは煽り系のマーケティング言語。
- 避ける: 視覚的にごちゃごちゃしたインタフェース。
- 避ける: 複数の明るいカラーの使用。
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
Heart Aerospaceはプレミアムな電動航空機メーカーです。デザインは清潔で抑制的、ハードウェアに焦点を当てており、真っ白な白(#FFFFFF)、深い黒(#141414)、単一の鮮やかなディープブルー(#1032CF)のアクセントからなるハイコントラストなパレットを活用しています。タイポグラフィはNeue Haas Grotesk DisplayとTextに依存し、tightな字間と大きなスケールが特徴です。重要な禁止事項:複数のアクセントカラーは避けること、装飾的またはセリフ体のタイプフェイスは絶対に使用せず、視覚的な雑然さや雑然としたレイアウトは避けること。デザインのDNAは、清潔な幾何学線、豊富なホワイトスペース、高品質な写真を中心に据え、技術的な精緻さと先見性のあるミッションを伝えるものです。
en · zh-CN · zh-TW · ja · ko