厳選・オープン・無料

Films53 12

漆黒のキャンバスに大胆なタイポグラフィを使用したミニマリストなフィルモグラフィーサイト。

01

デザイン DNA

ストリックで近代主義的なタイポグラフィで提示される映画的なフィルモグラフィー。

02

カラー

最大限の映画的インパクトのための、鮮明でハイコントラストのモノクロ。

03

タイポグラフィ

grotesque-sans

• display200px · 300
• headline68px · 300
• body14px · 300

すべてのテキストは大文字 · 主フォントウェイトはライト（300） · 映画タイトルは大きく視覚的に支配的

04

余白

非対称でアリューし、タイポグラフィ要素を分離するために豊かなホワイトスペースを使用。

05

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

視覚的には-none; 純粋な空間的コントラストに依存。

06

レイアウト

散りばめられたタイトルを持つ自由なタイポグラフィグリッド。

07

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

ホバー時の微細な透明度またはトランスフォームトランジション。

カーソルがポインタに変化; おそらく微細な色や透明度の変化。 · 映画詳細への即時ナビゲーション。

08

コンポーネント

• button 目立つボーダーや背景のないシンプルなテキストリンク。
• card なし; レイアウトは純粋にタイポグラフィベース。
• chip なし。
• input なし。
• hero ビューポートの先端に配置された、画面全体にまたがる巨大なロゴタイプ。

09

文体と禁止事項

• トーン フォーマルで、アーカイバルで、映画的。
• 見出し 大文字、ライトウェイト、そして高度にスペーシング。
• CTA 従来のボタンスタイルのないミニマリストなテキストリンク。

• 太字フォントウェイトを使用しない — スクリーンショットにはライト（300）のタイポグラフィのみが示されている。
• ドロップシャドウや3D効果を追加しない — スクリーンショットにはフラットでハイコントラストなデザインが示されている。
• 明るいアクセントカラーを使用しない — スクリーンショットにはモノクロの黒と淡いピンクがかったホワイトのパレットが厳格に使用されている。
• 角丸やカードベースのレイアウトを使用しない — スクリーンショットにはシャープで端から端までのテキスト要素が示されている。
• 両揃えテキストアライメントを使用しない — スクリーンショットにはダイナミックな印象のために左揃えと右揃えが混在している。
• アイコンでインタラースを雑然としない — スクリーンショットにはほぼ純粋にタイポグラフィベースのナビゲーションが示されている。
• 避ける: 太字ウェイトを使用しない
• 避ける: 装飾的なボーダーやシャドウを追加しない
• 避ける: 複数の色やグラデーションを使用しない

10

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

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

11

System Prompt

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