厳選・オープン・無料

Sreda V A C

エッセイ、アート、ポッドキャストを通じて、文化と同時代性についてキュレーションされた見解を提供する、時効性のあるオンラインマガジン。

01

デザイン DNA

デジタル時代のキュレーションされた展示カタログ。

02

カラー

鋭いグラフィックラインを持つ厳密なモノクロームベース。カラーはイメージのみ。

03

タイポグラフィ

geometric-sans

• display80px · 400
• h248px · 400
• body16px · 400

04

余白

構造要素間に明確な区切りを設けた、豊かなホワイトスペース。

05

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

ラインや区切りとして構造的に使用される、薄い1pxの黒いボーダー。

06

レイアウト

実線と点線を用いて要素を接続する、自由な図式的レイアウト。

07

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

インタラクティブ要素のhoverトランジション

クリック可能な要素の色と透明度の変化。 · 標準的なナビゲーショントリガー。

08

コンポーネント

• button 矢印付きテキストリンク。ナビゲーションとして機能。
• card なし。コンテンツは図式内の接続されたノードとして提示される。
• chip スラッシュで区切られた言語切替（Ru / En）。
• input 目立つものはなし。
• hero 大きなタイポグラフィ、図式的なライン、特集イラストの組み合わせ。

09

文体と禁止事項

• トーン 明瞭で文化的、ややフォーマル。
• 見出し 大きく、太く、図式的。
• CTA 記述的で方向性を示す。しばしば矢印を伴う。

• コンテナにカラフルな背景を使用しない — スクリーンショットではプライマリ背景としてプレーンな白（#FFFFFF）が示されている。
• ドロップシャドウや奥行き効果を使用しない — スクリーンショットでは完全にフラットな表面が示されている。
• メインタイトルにセリフフォントを使用しない — スクリーンショットでは「Sreda」という言葉にジオメトリック・サンセリフが使用されている。
• 従来のカードベースのレイアウトを使用しない — スクリーンショットでは要素が線で接続された図式的なスタイルが示されている。
• カラードのアクセントボタンを使用しない — スクリーンショットでは矢印付きのプレーンなテキストリンクがプライマリCTAとして使用されている。
• 複雑な画像ギャラリーを使用しない — スクリーンショットでは単一の、大きく、全幅のイラスト作品が示されている。
• 避ける: 一般的なマーケティング言語
• 避ける: 雑然としたインターフェース
• 避ける: 過度に遊び心のある、または陽気なUI要素

10

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

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

11

System Prompt

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