厳選・オープン・無料

Heartaerospace

抑制されたタイポグラフィと大規模なイメージを用いて、電動航空ハードウェアを紹介する、プレミアムで清潔な航空宇宙ブランド。

01

デザイン DNA

清潔で抑制された航空宇宙工学のドキュメント。

02

カラー

ハイコントラストなモノクロームをベースとし、インタラクティブ要素には単一の鮮やかなディープブルーアクセントを使用する。

03

タイポグラフィ

neue-haas-grotesk-display · neue-haas-grotesk-text

• display50px · 500
• body18px · 400
• caption14px · 400

すべての主要なディスプレイテキストにNeue Haas Grotesk Displayを使用する。 · すべての本文およびUIテキストにNeue Haas Grotesk Textを使用する。 · 見出しにはtightな字間を維持する。

04

余白

厳格な4pxベースグリッドと、広めの64pxセクションパディング。

05

サーフェス (角丸 / 影 / 罫線)

rgba(20,20,20,0.15)または低不透明度のブラックを使用した、繊細な1pxボーダー。

0 32px 68px rgba(0, 0, 0, 0.3)

06

レイアウト

中央揃えの大規模なタイポグラフィオーバーレイを備えた、フルワイドのヒーローイメージ。

07

モーションとインタラクション

hover時の繊細な不透明度トランジション。 · プライマリボタンのカラー変化トランジション。 · 画像のフィルター変化トランジション。

インタラクティブ要素におけるわずかな不透明度の低下または色の変化。 · バウンスするスケーリングなしの、即座の視覚フィードバック。

08

コンポーネント

• button 白いテキストと角丸（lg radius）を備えた、ソリッドなディープブルー（#1032CF）の長方形。
• card 目立つボーダーのない、シンプルな白色または透明なサーフェス。
• chip クッキー同意用の最小限のピル型トグル。
• input 繊細なボトムボーダーを持つ、清潔なテキスト入力フィールド。
• hero 大きな白色オーバーレイタイポグラフィを備えた、フルワイドの写真背景。

09

文体と禁止事項

• トーン プロフェッショナルで、先見的、かつ未来的。
• 見出し 大きな、太字の、文頭大文字のステートメント。
• CTA ソリッドなブルー背景上の、明確でアクション指向のテキスト。

• 装飾的なフォントは使用しない — スクリーンショットは清潔で幾何学的なグロテスクサンセリフタイポグラフィを示している。
• テキストの後ろに雑然とした背景を使用しない — スクリーンショットはイメージまたはソリッドな白背景の上に明確なテキストオーバーレイを示している。
• 複数のアクセントカラーを使用しない — スクリーンショットは一貫して使用される単一の主要なディープブルーを示している。
• 鋭くアグレッシブな角を使用しない — スクリーンショットは主要要素において一貫して角丸（最大32px）を示している。
• メインインタフェースにダークモードを使用しない — スクリーンショットは主に白とライトテーマのレイアウトを示している。
• 低コントラストのテキストを使用しない — スクリーンショットは背景に対して高コントラストの黒または白のテキストを示している。
• 避ける: 文脈のない、過度に専門的な用語。
• 避ける: アグレッシブまたは煽り系のマーケティング言語。
• 避ける: 視覚的にごちゃごちゃしたインタフェース。
• 避ける: 複数の明るいカラーの使用。

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko