厳選・オープン・無料

Mad Ac

太字タイポグラフィと実験的なアイコノグラフィ-drivenの、ハイコントラストで表現力豊かなクリエイティブスタジオアイデンティティ。

01

デザイン DNA

大胆な芸術的表現と構造化されたシステム思考を融合する、アバンギャルドなデザインスタジオ。

02

カラー

高コントラストのインクとネガティブスペースのみに完全に依存する、非常に抑制された無彩色パレット。

03

タイポグラフィ

humanist-sans · monospaced

• display56px · 560
• headline32px · 500
• body14px · 500

本文およびナビゲーションテキストには、タイトなトラッキング（-0.32px）を使用 · プライマリテキスト階層には、均一なウェイト500を維持 · 密度の高いタイポグラフィウェイトをバランスづけるため、十分な垂直方向のスペーシングを確保

04

余白

カード内部のパディングはタイトに保ちつつ、大きなグラフィック要素に十分な余白を与える、緩やかで広いリズム。

05

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

1px solid rgba(17, 19, 19, 0.1)

06

レイアウト

プライマリナビゲーションにはミニマルで中央揃えのレイアウトを採用し、コンテンツ部分ではスタッキングされたカードベースシステムに移行。

07

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

インタラクティブ要素のための微細なカラーおよび透過度トランジション · 表現的なグラフィカルリビールのためのclip-pathトランジション · オーバーレイ要素のための滑らかなbackdrop-filter変更

微細な透過度やカラーのシフト。通常は0.15秒のトランジション。 · 最小限のビジュアルフィードバックで即座に応答。

08

コンポーネント

• button ミニマルなテキストリンク。しばしば大文字で、微細なhover状態変化を伴う。
• card ハイコントラストのコンテナ。軽いボーダー、16pxのパディング、8pxの小さなボーダーラジウスを備える。
• chip 微細な背景またはボーダーを持つ、小さな大文字テキストタグ。
• input クリーンなボーダーと重い背景を持たない、ミニマルなテキストインプット。
• hero 大胆でタイトなトラッキングのタイポグラフィと組み合わされた、巨大で表現力のあるグラフィック要素。

09

文体と禁止事項

• トーン 自信に満ち、先進的で、やや挑発的。
• 見出し 大胆、直接的、表現力豊か。ナビゲーションにはしばしば全角キャピタルを使用。
• CTA 微細でタイポグラフィに統合的。重いボタンスタイルは回避。

• 多色パレットは使用しない — スクリーンショットは厳格な白黒無彩色スキームを示している。
• 重いドロップシャドウは使用しない — スクリーンショットはクリーンなボーダーとネガティブスペースで定義された要素を示している。
• 細く繊細なタイポグラフィは使用しない — スクリーンショットは太字でウェイトの重いhumanist-sansをタイトなトラッキングで示している。
• 一般的なアイコンは使用しない — スクリーンショットは表現力豊かで、手描きのようなオーガニックシェイプを特徴としている。
• 広く緩いレタースペーシングは使用しない — スクリーンショットはタイトでコンパクトなトラッキング（-0.32px）を示している。
• 密度が高く雑然としたグリッドは使用しない — スクリーンショットは非常に広く、中央揃えのミニマルなレイアウトを示している。
• 避ける: 雑然としたレイアウトや過度な装飾要素を避ける
• 避ける: 低コントラストのテキストや無彩色のパレットを避ける
• 避ける: 一般的で企業的な言葉遣いを避ける
• 避ける: 重いシャドウや複雑なグラデーションを避ける
• 避ける: 標準的で無個性のアイコンセットを避ける
• 避ける: 余白のない、予測可能なグリッド重視のレイアウトを避ける

10

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

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

11

System Prompt

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