厳選・オープン・無料
Schemasofuncertainty
テキスト重視のエディトリアルデザインを通じて理論的概念を探求する学術アーカイブ。
EditorialTypographyMonochromeCleanCuration
01
デザイン DNA
学術概念的アートセオリーアーカイブ
理論的アートジャーナル
02
カラー
#2C3829Ink
#FFFFFFBG
rgba(44,56,41,1)Line
最大限の可読性と学術的焦点のために、厳格なモノクローム
03
タイポグラフィ
transitional-serif · monospace
- display
16px · 400 - body
10px · 400
見出しにはCentury Schoolbookを、本文にはNext Monoを使用する。 · 全編通じて厳格に400ウェイトを維持する。 · 行間はフォントサイズの1.3倍でタイトに保つ。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
厳格な4pxベースグリッド
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid #2C3829
06
レイアウト
1440container
5columns
768breakpoints
可変幅による5カラム非対称グリッド
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
シンプルな不透明度のトランジション
テキスト色の変更 · 記事へのナビゲーション
08
コンポーネント
- button 下線付きのシンプルなテキストリンク
- card ボーダーで区切られた縦書きテキストブロック
- chip 大文字のテキストラベル
- input なし
- hero テキスト重視のヘッダーで、密度の高いテキスト
09
文体と禁止事項
- トーン 学術的で理論的
- 見出し セリフ、大文字、概念的な太字タイトル
- CTA プレーンテキストリンク
- サンセリフフォントを使用しない — スクリーンショットでは見出しにセリフ、本文にモノスペースを使用している
- シャドウを追加しない — スクリーンショットではフラットでボーダーレスのデザインが示されている
- 明るいアクセントカラーを使用しない — スクリーンショットでは厳格なモノクロームパレットが示されている
- ボーダー-radiusを追加しない — スクリーンショットではシャープな角の長方形が示されている
- 大きな本文フォントサイズを使用しない — スクリーンショットでは小さな10pxテキストが示されている
- 装飾的な画像を追加しない — スクリーンショットでは純粋にタイポグラフィ中心のレイアウトが示されている
- 避ける: 遊び心のある言葉
- 避ける: 明るい色
- 避ける: 角丸
- 避ける: ビジュアルイラスト
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
このサイトは、不確実性などの概念を探求する理論的学術アーカイブです。密集したテキストベースのレイアウトを使用しています。白 (#FFFFFF) 背景にダークグリーンブラック (#2C3829) のインクを使用した厳格なモノクロームパレットです。タイポグラフィは、見出しにCentury Schoolbook (トランジショナルセリフ)、本文にNext Mono (モノスペース) を組み合わせています。レイアウトはタイトな間隔のマルチカラムグリッドです。重要な制約：サンセリフフォントは絶対に使用せず、シャドウは絶対に追加せず、明るい色は絶対に使用せず、ボーダー-radiusは絶対に追加せず、本文テキストは小さく (10px) 保ち、装飾的な画像なしの純粋にタイポグラフィ中心のデザインを維持すること。
en · zh-CN · zh-TW · ja · ko