← OpenDesign
厳選・オープン・無料
Help Delduca
デフォルトブラウザスタイルを活用した、骨格のみのタイポグラフィ重視ドキュメントサイト。
Editorial Clean Restraint Typography Reference
01
デザイン DNA
ミニマル 実用的 ドキュメント テキスト中心 冷静
基本的なテキストドキュメント、またはミニマルな開発者ヘルプページ。
02
カラー
#000000Ink
#FFFFFFBG
#666666Muted
rgba(0,0,0,1.0)Line
白背景に高コントラストの黒テキストのみで、クロマチックカラーを一切使用しない絶対的ミニマリズム。
03
タイポグラフィ
transitional-serif
カスタムウェブフォントを使用しない、ブラウザのデフォルトスタイル。 · 全テキスト要素に Times New Roman を強く依存。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
ブラウザ標準のデフォルト垂直リズム。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
ソリッドブラックのブラウザデフォルトボーダー。
06
レイアウト
1280 container
1 columns
16px gutter
768 / 1024 breakpoints
シンプルな単一カラムのドキュメントフロー。
07
モーションとインタラクション
0ms micro
0ms small
0ms medium
linear easing
目立つアニメーションやトランジションは観察されない。
リンクのブラウザデフォルトのアンダーラインまたは色変化。 · 標準的なページナビゲーション。
08
コンポーネント
button デフォルトのブラウザアンカーまたはボタンスタイル。 card 検出なし。 chip 検出なし。 input 検出なし。 hero ブラウザデフォルトスタイルを適用したシンプルなテキストベースヘッダー。
09
文体と禁止事項
カスタムサンセリフフォントを使用しない — スクリーンショットはデフォルトの Times New Roman を示している 背景色やグラデーションを適用しない — スクリーンショットは純白 (#FFFFFF) を示している ドロップシャドウや複雑なボーダーラジウスを追加しない — スクリーンショットはフラットなデフォルトボーダーを示している 高クロマのアクセントカラーを使用しない — スクリーンショットは厳密に黒 (#000000) のテキストを示している 複雑なマルチカラムレイアウトを実装しない — スクリーンショットはシンプルな単一カラムのテキストフローを示している 装飾的な画像やアイコンを追加しない — スクリーンショットはrawテキスト要素のみを示している 避ける: スタイリング 避ける: ブランディング 避ける: ビジュアル装飾
11
System Prompt
これはデフォルトブラウザスタイルに厳密に準拠した、ミニマルなテキスト中心ドキュメントサイトです。ビジュアルシステムはデザイン介入の完全な欠如により定義され、純白 (#FFFFFF) の背景と標準的な黒 (#000000) のテキストを使用します。タイポグラフィは、カスタムウェブフォントを一切使用せずに、デフォルトの Times New Roman セリフフォントに完全に依存します。重要な制約には、カスタムフォントのロード、背景色、装飾的なシャドウ、高クロマのアクセントカラーの回避が含まれます。レイアウトは、最大限の読みやすさとrawな実用性のために設計された、シンプルな単一カラムのテキストドキュメントです。
このセンスを AI エージェントへ この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
ライブラリからもっと
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
なぜ収録: ゼロデザイン・デフォルトブラウザタイポグラフィシステムのベースライン例として、掲載する価値がある。