厳選・オープン・無料

Lineto

Electa書体ファミリーを紹介する、クリーンでモノクロームなタイプスペシメン・インターフェース。

01

デザイン DNA

モダンなタイプファウンドリーのためのデジタル・タイプスペシメンブック

02

カラー

厳格なモノクローム無彩色パレット

03

タイポグラフィ

transitional-serif · humanist-sans · monospace

• display20px · 400
• body19px · 400

基本文字サイズは19px、文字間隔0.38px · 本文のlineHeightは23px · ナビゲーションおよびアクセントテキストのlineHeightは38px

04

余白

2pxと7.6pxの基本単位を使用したタイトなグリッド

05

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

目に見える境界線なし、厳格なモノクロームのエッジ

06

レイアウト

ロゴと検索を含む固定ヘッダー、最小限のスクロールボディ、固定ボトムアクションバー

07

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

1.5秒の不透明度トランジション · 0.2秒の幅と可視性のトランジション

ボタンとリンク上のポインタカーソル · スムーズなトランジショントリガー

08

コンポーネント

• button 白いテキストと矢印/アイコンを持つ、固体黒のピル型ボタン
• card なし。レイアウトは生のタイポグラフィ・スペシメンテキストに依存
• chip なし
• input 黒いサークル内の検索アイコン、ボトムバーのテキスト入力
• hero 主要なビジュアル要素としての、巨大なタイポグラフィ・スペシメン・カスケード

09

文体と禁止事項

• トーン ミニマル、クリニカル、プロフェッショナル
• 見出し 直接的、句読点なし、ローマ字のブランド名
• CTA アイコン付きの命令形（続きを読む、すべて見る）

• 複数のフォントファミリーを使用しない — スクリーンショットでは単一のサンセリフと単一のセリフが排他的に使用されている
• グラデーションやドロップシャドウを追加しない — スクリーンショットでは完全にフラットでマットな黒と白のサーフェスが示されている
• 本文ブロックを中央揃えにしない — スクリーンショットではスペシメン・カスケードが厳密に左揃えになっている
• 装飾的な画像や写真を使用しない — スクリーンショットでは純粋なタイポグラフィのみがビジュアル要素として存在する
• スペシメンに大きなフォントサイズを使用しない — スクリーンショットではすべてのボディ要素に均一な19pxテキストが示されている
• メインボタンに角丸を使用しない — スクリーンショットでは完全なピル型ボタンが示されている
• 避ける: 過度なホワイトスペース・パディング
• 避ける: カラフルなアクセント
• 避ける: 装飾的な要素

10

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

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

11

System Prompt

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