厳選・オープン・無料
Aeon
アイデア、サイエンス、文化に関するロングフォームエッセイのためのプレミアムデジタルパブリッシュ。
editoriallongform
01
デザイン DNA
ロングフォームアイデアエッセイ哲学サイエンス
現代のデジタルパブリッシングとして再生した、名声ある学術ジャーナル。
02
カラー
#0C776DAccent
#000000Ink
#666666Ink soft
#FFFFFFBG
#F5F5F5BG soft
#999999Muted
rgba(0,0,0,0.1)Line
白地に黒のクリーンでコントラストの高い、サブティルなティールアクセントを加えた配色。
03
タイポグラフィ
didone-serif · humanist-sans · monospace
- display
56px · 700 - h1
42px · 700 - h2
28px · 700 - body
16px · 400 - caption
13px · 400
ナビゲーションとラベルにはモノスペースフォントを使用 · 記事タイトルにはディドン・セリフフォントを使用 · 本文とサンセリフ要素にはヒューマニスト・サンセリフフォントを使用
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
標準の4pxベースグリッドと、一貫したパディングとギャップ。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 0px
lg · 0px
pill · 999px
rgba(0,0,0,0.1)を使用した薄い1pxボーダー
0px 4px 6px -4px rgba(0,0,0,0.1) · 0px 10px 15px -3px rgba(0,0,0,0.1)
06
レイアウト
1280container
3columns
24pxgutter
768 / 1024breakpoints
フルワイドヒーローイメージと、記事カード向けのマルチカラムグリッド。
07
モーションとインタラクション
150msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
インタラクティブな要素上のスムーズなカラーおよびバックグラウンドカラートランジション。 · サブティルな不透明度トランジション。
リンクやボタン上でのサブティルなカラー変化または不透明度の変化。 · 即座に応答する標準ポインターカーソル。
08
コンポーネント
- button サブティルなホバートランジションを持つ、ミニマルでテキストベースのリンク。
- card 画像を多用した記事カード。下方には厳密なタイポグラフィの階層を配置。
- chip カテゴリにはシンプルなテキストラベルを使用。明確なチップは見当たらない。
- input ミニマルな検索またはニュースレター入力フィールド。
- hero 大型のセリフテキストをオーバーレイした、フルワイドのシネマティックイメージ。
09
文体と禁止事項
- トーン 学術的で知的、探究心に富んだ調子。
- 見出し 明確で挑発的なアイデアを述べる、太字の大きなセリフ見出し。
- CTA 控えめなテキストリンク。ボタンを太字にすることは稀。
- ダークモードを使用しない — スクリーンショットは明るく、白背景のインターフェースを示している
- 明るく彩度の高いプライマリカラーを使用しない — スクリーンショットは白、黑、控えめなティールのパレットが主役であることを示している
- 見出しにサンセリフを使用しない — スクリーンショットは記事タイトルに大きく太字のディドン・セリフを使用している
- 本文に密集したマルチカラムレイアウトを使用しない — スクリーンショットはゆったりとしたホワイトスペースと明確な階層を示している
- すべてのカードに太いボーダーやシャドウを使用しない — スクリーンショットはクリーンで、ボーダレスな画像からテキストへの移行を示している
- 遊び心のあるや丸みのあるUI要素を使用しない — スクリーンショットはシャープでクリーンなラインとミニマルな装飾を示している
- 避ける: 過度にカジュアルな言語
- 避ける: センセーショナルな見出し
- 避ける: 視覚的な雑然とした感覚
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
Aeonは、アイデア、サイエンス、文化に関するロングフォームエッセイのためのプレミアムデジタルパブリッシュです。デザインは、白背景（#FFFFFF）と黒インク（#000000）を特徴とするクリーンでコントラストの高いエディトリアルレイアウトです。プライマリアクセントカラーは、ロゴに控えめに使用される控えめなティール（#0C776D）です。タイポグラフィは、見出しのディドン・セリフと本文のヒューマニスト・サンセリフの洗練されたコントラストに依存し、ナビゲーションラベルにはモノスペースが使用されます。重要な制約：ダークモードや重い背景色は決して使用しない；ディスプレイテキストにサンセリフを使用しない；不要なUI要素や明るく彩度の高いカラーでインターフェースを雑然としない。レイアウトは、ゆったりとしたホワイトスペースを用いたロングフォームの読み込みを優先します。
en · zh-CN · zh-TW · ja · ko