厳選・オープン・無料

Neutra Vdl

歴史的な建築ランドマークの、静謐なエディトリアルプレゼンテーション。

01

デザイン DNA

中世の建築モノグラフをウェブに持ち込んだもの。

02

カラー

温かみのあるオフホワイト背景とほぼ黒のインクを使用した、高コントラストの近単色パレット。

03

タイポグラフィ

grotesque-sans · monospace

• display67px · 400
• body18px · 400
• caption12px · 400

04

余白

一貫したline-heightとテキストブロック間の垂直marginにより、垂直リズムを維持しています。

05

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

コンテンツブロックの区切りには細い実線を、リンクやナビゲーション要素にはアンダーラインを使用しています。

06

レイアウト

大きなタイポグラフィ要素と広い余白を活かした、広いグリッドベースのレイアウト。

07

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

フェードイン · 不透明度の変化

インタラクティブなテキスト要素に対する、繊細な不透明度や色の変化。 · すべてのクリック可能な要素に対する標準ポインターカーソル。

08

コンポーネント

• button 背景や境界線を持たないテキストベースのリンク。
• card 細い水平線で区切られたコンテンツブロック。
• chip なし
• input なし
• hero 明確な水平線を伴う、大きく印象的なタイポグラフィヘッダー。

09

文体と禁止事項

• トーン 教育的、洗練され、プロフェッショナル。
• 見出し 直接的で事実に基づいた、大きく、トラッキングを詰めたタイポグラフィを使用。
• CTA レイアウトに自然と統合される、控えめなテキストリンク。

• 角丸を使用しない — スクリーンショットは厳密な直線的でエッジの锐いレイアウトを示しています。
• ドロップシャドウを使用しない — スクリーンショットは奥行き効果のないフラットな2D要素を示しています。
• アクセントカラー（主調色）を使用しない — スクリーンショットは単一の支配的な色相を持たない単色パレットを示しています。
• 中央揃えレイアウトを使用しない — スクリーンショットは左揃えのテキストと要素を示しています。
• 密集した複数カラムのテキストを使用しない — スクリーンショットは広いマージンとブロック間の明確な区切りを示しています。
• 装飾的なボーダーを使用しない — スクリーンショットは単純で機能的な水平線のみを示しています。
• 避ける: 遊び心のある言葉
• 避ける: 明るい色
• 避ける: 装飾的な要素

10

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

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

11

System Prompt

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