Collins · デザイン DNA

大胆なエディトリアル・タイポグラフィと、控えめで洗練されたミニマリズムのバランスをとるプレミアム・デザインエージェンシーのサイト。

デザイン DNA

カラー

#140700Ink

#d0d0c8Ink soft

#f8f8f7BG

#ffffffBG soft

#efefefBG quiet

#514c49Muted

rgba(208, 208, 200, 0.5)Line

控えめなグレーのウォームトーンと、最大のエディトリアル・インパクトを生むハイコントラストのダークインクを用いた近似モノクローム。

タイポグラフィ

余白

4px

8px

12px

16px

24px

32px

48px

64px

96px

適度な字間の広大な余白が、呼吸感のあるエディトリアル・リズムを生み出します

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

レイアウト

適度な垂直パディングを持つ中央揃えのヒーロー、および非対称のコンテンツセクション

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

clip-path リビール · トランスフォーム・スライド · 透明度フェード

0.7s のイージングを用いた控えめな色の遷移 · バウンスなしの即時フィードバック

コンポーネント

文体と禁止事項

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

Collins — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

System Prompt

これは、エディトリアルで節度ある美学を特徴とする、Collins向けのプレミアム・デザインエージェンシーのウェブサイトです。パレットは近似モノクロームです：オフホワイトの背景（#f8f8f7）、ダークインク（#140700）、および控えめなグレー（#d0d0c8、#514c49）。主要なアクセントカラーは存在しません。タイポグラフィは、表示見出し用のトランジショナル・セリフ体（適度に詰まった文字間隔）と、本文用のヒューマニスト・サンセリフ体を交互に使用します。広大な余白が呼吸感のあるエディトリアル・リズムを生み出します。重要な制約：カラフルなアクセントは絶対に追加しない、大きなテキストに詰まった間隔は使用しない、レイアウトを雑然とさせない、ヒーロー表示テキストにサンセリフを使用しない、常に節度あるプレミアムなトーンを維持し、テキストの多いセクションよりも画像を前面にしたケーススタディのプレゼンテーションを優先する。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗