厳選・オープン・無料

205TF

見本のタイポグラフィが自身で語る、ミニマリストでハイコントラストの書体鋳造所ギャラリー。

01

デザイン DNA

タイポグラフィ見本が単一の記念碑的な資材として提示される、厳選されたブラックボックス・ギャラリー。

02

カラー

提示されるフォントの固有の性格と技術を高揚させるための、絶対的な明瞭なコントラスト。

03

タイポグラフィ

didone-serif · transitional-serif

• display100px · 400
• heading56px · 400
• body14px · 400

すべての見本で黒背景に白のテキストを使用し、高いコントラストを維持する。 · 大規模なディスプレイ・タイポグラフィに極端なトラッキング（ネガティブな文字間隔）を活用し、視覚的な密度を引き締める。 · ボルド�ウェイトは特定の見本ショーケースに厳密に限定し、UIは厳格に400ウェイトで維持する。

04

余白

厳格な7ポイントの基本ユニットをすべてのパディング、ギャップ、マージンに適用し、非常に制約された空間グリッドを形成する。

05

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

フラットでクリーンなエッジ、またはダッシュ線のアウトライン（ヒーローグラフィックで使用）。インタラクティブなグリッド状態には時折1pxまたは2pxのソリッドストロークを使用。

06

レイアウト

デスクトップでは厳格な2カラム非対称グリッドを使用し、モバイルでは完全に単一の連続した縦スタックに崩れる。

07

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

すべての構造トランスフォームとコンテナスライドに、滑らかなcubic-bezierイージングを適用。 · プライマリ・カルーセルとグリッド状態変更に、厳格な0.45秒から0.6秒のトランジション期間。 · インタラクティブな見本ゾーンにホバーした際の、カスタムSVG矢印への即座なカーソル更新。

カスタムSVGカーソル（左矢印と右矢印）がデフォルトのポインタを置き換え、インタラクティブなカルーセルまたはグリッドナビゲーションを示す。 · 見本の詳細ページにダイレクトするか、画像カルーセルを進行させ、シームレスな状態変更を維持。

08

コンポーネント

• button テキストのみのミニマルなリンク、またはカスタムポインタカーソル（左/右矢印）。従来のUIを隠し、直接的なインタラクションを優先。
• card フルブリードの黒いブロックが見本コンテナとして機能し、明確な24pxの角丸を持つ白い背景グリッドで額装される。
• chip 「Updated」などのステータス用に、鮮やかなイエローの背景（#FFFF00）と黒いテキストを備えた、ハイコントラストな長方形バッジ。
• input 提供されたスクリーンショットには見当たらない。
• hero 過大なセリフ見本グラフィックとカスタムダッシュアウトラインを備えた、巨大で支配的な黒いコンテナ。

09

文体と禁止事項

• トーン 専門的、ミニマリスト、そして極めて自信に満ちている。
• 見出し 見出しだけではない視覚的なアンカーとして機能する、容赦のないほど大きく、広くトラッキングされた見本名。
• CTA フォントに焦点を保つために、標準的なボタンの美学を意図的に回避する、目立たない非侵入型テキストリンク。

• セカンダリカラーを導入しない — スクリーンショットは単一の機能的なイエローバッジを除き、厳格な無彩色の黒と白のパレットを示している。
• ボルド�またはヘビーなUIウェイトを使用しない — スクリーンショットはすべてのナビゲーションおよびUI要素が一貫した400ウェイトでレンダリングされていることを示している。
• ドロップシャドウまたは3D効果を適用しない — スクリーンショットは完全没有り目の平坦でグラフィック的なサーフェスを示している。
• カードに角丸を使用しない — スクリーンショットは黒い見本コンテナが24pxの角丸の外枠に完璧に四角く収まっていることを示している。
• 密集したテキスト段落を作成しない — スクリーンショットはUIが巨大なディスプレイ・タイポグラフィと疎らなナビゲーションリンクにほぼ完全に依存していることを示している。
• インタラクティブゾーンでデフォルトのブラウザカーソルを使用しない — スクリーンショットは左/右ナビゲーション用のカスタム矢印カーソル画像を明確に実証している。
• 避ける: 見本から注意をそらすような、標準的なHTMLボタンや明るく着色されたUI要素の使用を避ける。
• 避ける: 複数カラムのテキストブロックを避ける。テキストは厳密に単一行、または非常に短くインパクトのあるフレーズに留める。
• 避ける: 実際のタイポグラフィ見本ではない装飾要素やイラストレーションを導入することを避ける。

10

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

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

11

System Prompt

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