厳選・オープン・無料

Moving Brands

組織の見え方と体験を形成する、グローバルなクリエイティブカンパニー。

01

デザイン DNA

印象的なネオンアクセントを持つ、真夜中のデザインスタジオ。

02

カラー

重要なアクションのために、単一のアグレッシブなネオン黄緑アクセントを配置した、ハイコントラストのモノクロームベース。

03

タイポグラフィ

humanist-sans

• display56px · 400
• display-md32px · 400
• body-lg23px · 400
• body19px · 400
• body-sm15px · 400
• label15px · 500

ヒーローと本文のタイポグラフィには、統一感のあるモダンな印象のために、同じヒューマニストサンセリフファミリーを使用する。 · 暗い背景に対する可読性のために、十分な行間を維持する。 · インタラクティブなラベルや二次的な強調のために、ウェイト500を控えめに使用する。

04

余白

十分な垂直リズムが、ダークキャンバスの広がりと高級感を強調する。

05

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

最小限で不可視。区切りには主にスペースとカラーのコントラストに依存。

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

06

レイアウト

ヒーローには広めの中央揃えの単一カラムコンテンツを採用し、サービスにはマルチカラムグリッドに拡張。

07

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

滑らかなページ遷移と背景位置のシフト。 · コンテンツセクションへの繊細なフェードイン。

滑らかな背景色やカラーのトランジション。 · 軽微なスケールやカラーの変化による、即座のビジュアルフィードバック。

08

コンポーネント

• button ネオン背景にダークテキストを置いたハイコントラストの実線ブロック。角はシャープまたは角を少し丸める。
• card 一般的にボーダーレス。ダークサーフェス上で十分なスペースとタイポグラフィの階層に依存。
• hero 明確で簡潔なバリュープロポジションと方向性の示唆を持つ、巨大な中央揃えタイポグラフィ。

09

文体と禁止事項

• トーン 自信に満ち、先進的で、プロフェッショナル。
• 見出し 直接的、アクション指向で、拡がりのある。
• CTA シンプル、明確で、非常に視認性が高い。

• セリフ体を使用しない — スクリーンショットでは、ヒーマニストサンセリフが一貫して使用されている。
• 複数の明るいアクセントカラーを使用しない — スクリーンショットでは、単一の支配的なネオン黄緑色が使用されている。
• 明るいまたは白い背景を使用しない — スクリーンショットでは、深い黒の背景がプライマリキャンバスとして使用されている。
• UI要素でレイアウトを過密にしない — スクリーンショットでは、十分なホワイトスペースと最小限のコンポーネントが使用されている。
• 柔らかく、低コントラストのテキストカラーを使用しない — スクリーンショットでは、純白と明るいグレーで高いコントラストが維持されている。
• 複雑で重なり合う装飾要素を使用しない — スクリーンショットでは、高度に抑制された、テキスト中心のデザインが使用されている。
• 避ける: 雑然としたインターフェース
• 避ける: くすんだパステルカラーのパレット
• 避ける: セリフ体
• 避ける: 過度に複雑なグリッドシステム
• 避ける: 過度なボーダーやドロップシャドウ

10

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

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

11

System Prompt

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