厳選・オープン・無料

Anduril

シネマティックな写真と厳密なミニマルタイポグラフィを使用し、主権能力を伝達するハイエンドの防衛・自律性プラットフォーム。

01

デザイン DNA

妥協のない視覚基準を持つ、高度に規律化された航空宇宙スタジオ。

02

カラー

UI が完全に後退し、大規模なシネマティックな写真コンテンツが主役となる、コントラストの高いダークインターフェース。

03

タイポグラフィ

humanist-sans · monospace

• display56px · 500
• subheading24px · 500
• body15px · 400
• caption12px · 400

技術ラベルには大文字、等幅のトラッキングを使用。 · 太字ヘッドラインにはタイトな負の字送りを使用。 · 本文テキストにはプライマリ humanist sans-serif に依存。

04

余白

シネマティックで散らばりのない印象を維持するため、主要コンテンツブロック間に広い 64px および 112px の垂直パディング。

05

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

1px solid rgba(255,255,255,0.12)

rgb(223, 241, 64) 0px 0px 10px 0px · rgb(223, 241, 64) 0px 0px 5px 0px

06

レイアウト

大規模な写真資産と高インパクトのヘッドラインを優先するよう設計された、フル幅エッジ・トゥ・エッジの構造グリッド。

07

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

ヒーロー要素の滑らかで遅い入口トランジションにより、プレミアムで落ち着いたトーンを確立。 · hover や focus のような UI ステート変更には、微細な 0.3s ease-out トランジション。

テキスト要素上の微細なカラートランジション（0.3s ease-out）と、インタラクティブ領域の最小限のスケーリング。 · 即座のビジュアルフィードバックの後、滑らかなページまたはセクショントランジション。

08

コンポーネント

• button 寛大なパディングを持つクリーンなテキストベースのナビゲーション。セカンダリアクションには等幅の大文字ラベルにトランジション。
• card サブトルな hover ステートを持つエッジ・トゥ・エッジの写真コンテナ。UI 装飾よりも没入感のあるビジュアルを強調。
• chip 等幅、大文字、トラッキングアウトされた技術ラベル（例：'DESIGNED BY ANDURIL'）。
• input ダーク背景にシームレスに溶け込む、ミニマルでボーダーレスなテキストフィールド。
• hero 最大限のシネマティックインパクトとナラティブウェイトを念頭に設計された、ビューポート全体を横断する大規模な写真背景。

09

文体と禁止事項

• トーン 権威があり、正確で、妥協のないプロフェッショナル。
• 見出し 絶対的な能力を伝達する、短く高インパクトの宣言的ステートメント。
• CTA 不要なフィラー言葉なしの、直接的でミニマル、かつ行動指向。

• プライマリ UI 要素に柔らかく丸みのある角を使用しない — スクリーンショットでは 2px の border-radius を使用。
• 明るく多色のグラデーションに依存しない — スクリーンショットでは明瞭で高コントラストのダークインターフェースを採用。
• センタリングされたナビゲーションレイアウトを使用しない — スクリーンショットでは厳格で左揃えの構造階層を採用。
• 小さく密集したイメージを使用しない — スクリーンショットでは大規模でエッジ・トゥ・エッジの写真資産を採用。
• 装飾的なアイコンや絵文字を使用しない — スクリーンショットでは厳密にタイポグラフィと写真アプローチのみを採用。
• 重く暗いドロップシャドウを使用しない — スクリーンショットでは最小限の、またはカラード（ライム）のグローを代わりに使用。
• 避ける: 絵文字やカジュアルな句読点は避ける。
• 避ける: 誇張されたマーケティング Buzzword は避ける。
• 避ける: 雑然としたレイアウトや不要な視覚的ノイズは避ける。
• 避ける: 遊び心のあるまたは丸みのあるデザイン要素は避ける。

10

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

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

11

System Prompt

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