厳選・オープン・無料

Blue Origin

数百万の人々が宇宙で生活・活動し、地球に貢献する未来を構築することに専念する、先見の明のある航空宇宙企業。

01

デザイン DNA

航空宇宙工学と環境管理の融合

02

カラー

深黒と鮮やかなブランドブルーを使用した高コントラストの映画的デザイン。宇宙のスケールを表現します。

03

タイポグラフィ

geometric-sans · humanist-sans

• display72px · 800
• h156px · 700
• h240px · 700
• body16px · 400

プライマリディスプレイテキストはすべて大文字で、技術的・壮大な印象を出すため幅広いトラッキングを設定 · ナビゲーションは大文字の可読性を高めるため、やや広めの字間を設定 · 本文テキストはニュートラルなウェイトと標準的な字間を維持し、暗い背景上でも可読性を確保

04

余白

4pxと8pxの increments を一貫して使用し、技術的でグリッドに沿った間隔システムを構築しています。

05

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

ボタンやサブトルな区切りに使用する、1-2pxの細い白または薄灰色のボーダー。

0 4px 24px rgba(0, 0, 0, 0.5) · 0 16px 48px rgba(0, 0, 0, 0.3)

06

レイアウト

コンテンツを直接上にオーバーレイするフルブリード写真セクション。

07

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

コンテンツセクションがビューポートに入り際の滑らかなフェードインとスライドアップ。 · ボタンやリンクのホバー効果は主に色とボーダーのトランジション。

インタラクティブ要素のボーダー色やテキスト色のサブトルなトランジション。 · アクティブ状態やページトランジションによる即座のビジュアルフィードバック。

08

コンポーネント

• button 2pxの白いボーダー、大文字テキスト、幅広い字間を持つアウトラインまたはゴーストボタン。
• card テキストオーバーレイを持つフルワイド写真セクション。大型インタラクティブカードとして機能します。
• chip 視覚的に確認されません。
• input サブトルなボーダーを持つミニマリストな検索またはフォーム入力欄。
• hero フルビューポートの写真またはビデオ背景、スケールの大きなタイポグラフィ、単一のCTA。

09

文体と禁止事項

• トーン インスピレーションを与え、権威があり、未来志向。
• 見出し 壮大で大文字、直接的。コアミッションと技術的能力を強調。
• CTA アクション指向で簡潔。例：「当社のミッション」「エンジンを探る」。

• プライマリミッションステートメントにセンタリングされたテキストレイアウトは使用しない。スクリーンショットでは、強い建築的基盤を維持するため左寄せになっています。
• プライマリセクションに白い背景を使用しない。スクリーンショットでは、宇宙テーマを高めるため黒または深い暗色の背景になっています。
• ヘッドラインに細く装飾的なフォントは使用しない。スクリーンショットでは、太く幾何学的なサンセリフ書体になっています。
• プライマリボタンに丸みを帯びたUI要素は使用しない。スクリーンショットでは、シャープまたはわずかに丸みのある（2-4px）長方形ボタンになっています。
• 多种多様なアクセントカラーは使用しない。スクリーンショットでは、厳格な黒-白-青のパレットになっています。
• 小さく窮屈なタイポグラフィは使用しない。スクリーンショットでは、最大のインパクトのために大きく間隔の取れたディスプレイフォントになっています。
• 避ける: カジュアルまたは会話的な言葉遣いは避ける。
• 避ける: プライマリイメージから注意をそらす、雑然としたレイアウトは避ける。
• 避ける: 映画的な雰囲気を損なう低コントラストのテキストは避ける。
• 避ける: 機能的または雰囲気的目的を果たさない装飾的要素は避ける。
• 避ける: 単一のビュー内で複数のフォントファミリーを使用することを避ける。
• 避ける: 技術的なテーマにそぐわない、丸みを帯びた遊び心のあるUI要素は避ける。

10

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

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

11

System Prompt

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