Telegram、 WhatsApp+380637610482
ヴァレリー・ダニュク
ヴァレリー・ダニュク開発者企業向けAIツールの開発。高品質で、お手頃価格。Telegramで連絡
Hyer Aviation — このスタイルのサイトのプレビュー

Hyer Aviation

夕暮れ時のコックピット、羊皮紙の上。淡い夜明けの空が機体サイズのセリフ体ロゴと出会い、温かみのある粘土色のアクセントが単色の抑制を打ち破る。

Hyer Aviationのデザインは、高級旅行広告を彷彿とさせます。淡い青色のメイン要素には、堂々とした航空機が鮮やかな白色のキャンバスの上に浮かび、金属から鋳造されたかのような重厚感のあるほぼ黒色のフォントがそれを引き立てています。カラーパレットは意図的に簡素で、温かみのあるテラコッタのアクセントがモノクロームのシステムにアクセントを加え、意思決定カードにのみ使用されています。その他のインターフェースは、濃いインクと羊皮紙で表現されています。タイポグラフィはブランドの最も強いメッセージです。187pxと131pxの単一フォントが非常に狭い文字間隔でメインセクションを支配し、本文は18pxでゆったりとした1.61行間隔で配置され、穏やかで流れるようなリズムを生み出しています。各インタラクティブ要素は、ソリッドなピル(半径1000px以上)または硬いエッジを持つパネルのいずれかで、柔らかく親しみやすいボタンと、建築的な大胆さを持つ見出しとの間に緊張感を生み出しています。

全幅のセクションは、ライトブルーのヘッダー、白いコンテンツストライプ、ダークミッドナイトカラーのセクションが交互に配置されています。ヘッダーは唯一非対称な構成で、テキストロゴは最大サイズで左揃え、見出しは右側に2行、下部中央の余白には3D飛行機が浮かんでいます。コンテンツセクションは、白い背景に対して1列(ヘッダー+2×2グリッド)で右揃えになっており、右方向への強い流れを生み出しています。ナビゲーションは、上部に3つのテキストリンクと円形のメニューボタンを備えた透明な1行です。フッターはダークカラーで全幅、大きなテキストロゴが配置されています。セクション間の80ピクセルの間隔によって垂直方向のリズムが確立されており、ほとんどのストライプの間には目に見える区切り線はなく、色の変化自体によって区切られています。

ビジュアル言語は写真と3Dレンダリングが中心で、特に中央には、濃いアクセントストライプの入った白いプライベートジェットの3Dレンダリングが1つだけ配置されている。このジェットは、上部の淡い青から地平線に向かって温かみのあるクリーム色へとグラデーションする柔らかな空を背景に撮影/レンダリングされている。ジェットは3/4の角度で表示され、ロゴと見出しのためのスペースを確保するために中央より左に配置されている。レンダリングは、ライフスタイルの文脈、乗客、空港などは一切なく、製品ショーケースのように非常にすっきりとしたスタイルで作成されている。ジェットが主役である。追加画像(コンテンツセクションで使用される場合)は、同じ製品フレーミングロジックに従っている。クローズアップ、純白の背景に分離された画像などである。アイコンは最小限で、常に#000d10のストロークに基づいている。

パレット

ブランド

  • Clay Ember #bc7155 — 提案された解決策が記載されたカードの背景(装飾的な塗りつぶし)は、冷たい印象のシステムの中で唯一の温かみのあるアクセントであり、提案の一つが選ばれたことを強調するために控えめに使用されている。

中性

  • Deep Ink #000d10 — 本文、フッターの背景、塗りつぶされたアクションボタン、アイコンのアウトラインに至るまで、構造的なほぼ黒に近い色は、フォントやコールトゥアクション全体を通して、ブランド全体のスタイルを反映しています。
  • Pure White #ffffff — ページキャンバス、カードの表面、暗いナビゲーション背景上のボタンのテキスト――すべてが静かに読み取られる、静謐な空間。
  • Cool Ash #8e8e95 — 二次的な本文、ナビゲーション要素、そして無難な補助ラベルは、メインテキストと比較して意図的に背景に溶け込むように設計された唯一のニュートラルな要素である。
  • Pebble #d5d3d4 — 細い境界線、区切り線、ほとんど目立たない暗い部分の交互の配置――端の方でしか見えない。
  • Midnight Hull #0f0f1c — 暗い部分(乗り物のサポートエリア)の背景色は、重なり合う暗い縞模様を際立たせるため、ディープインクよりもわずかに青みがかった色になっています。
  • Charcoal Deck #151623 — 隆起した暗いパネルと深い背景――暗い表面の上部には、ほとんど目立たないインディゴの色合いが見られる。

タイポグラフィ

17~187ピクセル・9ステップ

  • HelveticaNowDisplay — 交換: Neue Haas Grotesk Display · 概要 400, 700 · システム全体で唯一のフォント。メインフォントは、ウェイト700、行間187px、文字間隔-0.02emで、建築的なスケール感を確立し、見出しを物理的な物体へと変貌させます。本文はすべてウェイト400、行間18px、文字間隔1.61emのフォントを使用し、フォントシステム内で最もゆったりとしたテキストブロックを作り出します。
  • sans-serif — 交換: Inter · 概要 700 · sans-serif - 抽出されたデータには含まれているが、AIによって説明されていない。

音程と形式

目的意味
密度平均
基本的なステップ16px
ボタンの半径1000px
カード半径12px
いいえ - 影の代わりに境界線
セクション間80px
ページ幅1200px

AI がHyer Aviationスタイルであなたのウェブサイトを構築し、

  • リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
  • 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
  • 最高のエンジンであるReact ( Next.js )上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
  • 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。

類似のスタイル

  • monopo saigon — 編集部の沈黙の背後にある、液体のような虹色の輝き――溶けた光の上に浮かぶモノクロの編集ギャラリー
  • OFF+BRAND. — 温かい羊皮紙の上に虹色に輝く球体
  • Seed — 実験用ガラスケース内の生物
  • Eindhoven Design District — 白い紙に描かれた編集的なブルータリズムは、大きな活字、最小限の写真、そして徹底的な抑制によって表現された、都市デザインのマニフェストである。
  • Subframe — 温かみのある羊皮紙に描かれたグラフィックなドローイング。デザイナーズペーパーを使用し、すべてのストロークは鉛筆か消しゴムで、絵の具は一切使われていない。線の太さとまばらなセリフによって奥行きが表現されている。
  • Miranda — 淡いクリーム色の背景にクラシックなワイドフォーマットのフォントを使用した、デジタル時代の新聞社説
  • Monocle — クリーム色の紙を使用した、高品質で大判の新聞。厳選された論説記事はどれも掲載にふさわしく、ページには意味のある色はたった一色のみ。
  • Agencja brandingowa — 白を基調とした編集ギャラリー。文字は黒インクで印刷されている。
  • Websmith Studio — クリーム色の紙に当たる朝の光
  • Aspelin Reitan — キャンドルライトに照らされた建築アーカイブ - このページは、温かみのあるクリーム色の壁にピンで留められた建築空間のポートフォリオのように見え、各画像の上には、ページの全幅にわたって白いテキストが1行浮かんでいる。
  • Public — 冷たい大理石の上にモノクロームで描かれたエディトリアル――まるでモノクロームのキャンバスのようで、300ポイントのセリフ体フォントとたった一つの紫色のアクセントが、すべての色彩を担っている。
  • Motto — 紙の上にそびえ立つタイポグラフィの巨石――真っ白な紙の上に、力強く自己主張する単一の声。