厳選・オープン・無料
COBE
クランプな精度と控えめな自信を持つミニマルデザインスタジオのブランディング
studiocreative
01
デザイン DNA
ミニマルクリーンプロフェッショナル建築的洗練された
慎重に配置された単一の建築モデルがある白いキャンバス
02
カラー
#1A1A1AInk
#FFFFFFBG
#999999Muted
rgba(0,0,0,0.1)Line
単色の抑制を用いた純粋なミニマリズム、必須のトーンのみを使用
03
タイポグラフィ
transitional-serif · monospace
- display
56px · 400 - body
16px · 400
ロゴアイデンティティにはセリフ、技術詳細にはモノスペース
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
中央揃えと豊かな余白
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
見えない
0 2px 8px rgba(0,0,0,0.05)
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
豊かな垂直方向のスペースを持つ中央揃えの単一カラム
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
静的なプレゼンテーション
スクリーンショットでは見えない · スクリーンショットでは見えない
08
コンポーネント
- button 見えない
- card 見えない
- chip 見えない
- input 見えない
- hero ブランドマークとドメインを含む中央揃えのロゴロックアップ
09
文体と禁止事項
- トーン 静かに自信があり、プロフェッショナル
- 見出し 戦略的なネガティブスペースを用いたミニマル
- CTA 見えない
- 複数のアクセントカラーを使用しない — スクリーンショットは青色ロゴマークのみの厳密な単色パレットを示しています
- 装飾的なパターンやテクスチャを追加しない — スクリーンショットは純粋な白背景を示しています
- ロゴにサンセリフを使用しない — スクリーンショットは'thum.io'テキストにセリフタイポグラフィを示しています
- すべてのコンテンツを中央揃えにしない — スクリーンショットは中央揃えのレイアウトを示していますが、すべてのページに適用されるとは限りません
- 太いボーダーやコンテナを使用しない — スクリーンショットはボーダレスのフローティング構成を示しています
- 過度な視覚的階層を追加しない — スクリーンショットは最小限の情報密度レベルを示しています
- 避ける: 派手な色
- 避ける: 装飾的な要素
- 避ける: 冗長なテキスト
11
System Prompt
これはクランプな精度を持つミニマルデザインスタジオのポートフォリオウェブサイトです。デザインDNAは、純白（#FFFFFF）背景と準黒（#1A1A1A）テキストを含む単色の抑制を中心に構成されています。唯一のアクセントは、抽象的なロゴマークにある抑制された青色（#2E5FA1）です。タイポグラフィは、ブランドアイデンティティにトランジショナルセリフ、ドメイン名にモノスペースを使用し、プロフェッショナルでありながら技術的な印象を生み出しています。レイアウトは中央揃えで豊かな余白があり、UIコンポーネントは見られません。主要な制約：装飾要素なし、複数のアクセントカラーなし、太いボーダーやコンテナなし。デザインは極度のミニマリズムと戦略的なネガティブスペースを通じて静かな自信を体現しています。これは、装飾よりも抑制を重視する高級なポートフォリオプレゼンテーションです。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko