厳選・オープン・無料

Holographik

ブランドとビジュアルシステムを創造する戦略主導のデザインスタジオ。

01

デザイン DNA

大胆でクリーンな美学を持つハイエンドデザインスタジオ

02

カラー

クリーンでニュートラルな背景とのハイコントラスト。

03

タイポグラフィ

geometric-sans · grotesque-sans

• display120px · 700
• body16px · 400

プライマリ表示テキストは全て大文字。 · 見出しにはジオメトリックサンセリフ。 · 表示テキストと本文のサイズに高いコントラスト。

04

余白

標準の4pxベースグリッド。

05

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

最小限、またはなし。

06

レイアウト

ボトム揃えの巨大なタイポグラフィを用いたフルブリードのヒーロー。

07

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

リンクの微細なhoverトランジション。 · 3Dオブジェクトには遅くループする回転またはドリフトが適用される可能性。

リンクのカラートランジション。 · 最小限のフィードバック。

08

コンポーネント

• button ミニマリストで、おそらくハイコントラストのピル形状。
• card 該当なし。
• chip 該当なし。
• input 該当なし。
• hero 3D抽象オブジェクトとオーバーラップする巨大テキストを含むフルビューポート。

09

文体と禁止事項

• トーン 自信に満ち、プロフェッショナルで大胆。
• 見出し 全て大文字で、巨大、3Dイメージと一体化。
• CTA ミニマリストで、おそらくシンプルなリンクまたはピルボタン。

• 小さく控えめなタイポグラフィを使用しない — スクリーンショットには巨大で太字の表示テキストが示されている。
• 雑多または暗い背景を使用しない — スクリーンショットにはクリーンでライトグレーの背景が示されている。
• 多くの異なる色を使用しない — スクリーンショットにはブラック、ホワイト、ライトグレー、1つのライトブルーアクセントという非常に限られたパレットが示されている。
• プライマリ要素に角丸を使用しない — スクリーンショットにはシャープなエッジまたはピル形状のみが示されている。
• 複雑なナビゲーションメニューを使用しない — スクリーンショットには右上にテキストリンクが2つだけ示されている。
• 微細で低コントラストのタイポグラフィを使用しない — スクリーンショットにはライトグレー上のブラックというハイコントラストのテキストが示されている。
• 避ける: 陳腐な企業用語
• 避ける: 過度に複雑なナビゲーション

10

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

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

11

System Prompt

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