厳選・オープン・無料

Lorenzodaldosso It

巨大なディスプレイタイポグラフィと厳格な単色パレットを特徴とするミニマルなITスペシャリストポートフォリオ。

01

デザイン DNA

オーバーサイズのタイポグラフィと単色の制約を用いて、正確さを伝えるミニマルなテックポートフォリオ。

02

カラー

暖かみのあるオフホワイト背景に、深い近黒を用いた厳格な高コントラスト単色パレット。

03

タイポグラフィ

geometric-sans · humanist-sans

• display135px · 400
• body14px · 400

04

余白

豊富な水平パディング（57.6px）と明確な垂直分離。

05

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

1pxソリッドボーダーは控えめに使用され、主に水平区切り線として機能します。

0px 8px 48px 0px rgba(0, 0, 0, 0.15)

06

レイアウト

中央水平線でアンカー付けされた全幅ディスプレイタイポグラフィ。

07

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

1.4秒の_durationとカスタムイージングを持つ滑らかなトランスフォームアニメーション。

インタラクティブ要素を示す標準のポインターカーソル。 · ナビゲーションおよびインタラクティブ要素上の標準クリックインタラクション。

08

コンポーネント

• button ソリッドブラック塗りつぶしとホワイトテキストを持つピル型ボタン。
• card 従来のカードは使用しない。レイアウトはオーバーサイズのタイポグラフィと豊富なホワイトスペースに依存する。
• input ダークピルコンテナとティール（#1CC691）のアクティブ状態を持つトグルスイッチ。
• hero 主要な焦点として機能する、きめ細かいカーニングの巨大なディスプレイテキスト。

09

文体と禁止事項

• トーン 率直でプロフェッショナル、少し遊び心のある。
• 見出し 文頭大文字で極めて大きく、太字またはカスタム幾何学的処理を施したタイポグラフィ。
• CTA 高コントラストのピルボタン上の、明確で行動指向のテキスト。

• カラフルなパレットを使用しない — スクリーンショットは厳格な黒、オフホワイト、グレーを示している。
• 小さなディスプレイサイズを使用しない — スクリーンショットはディスプレイテキストがビューポートを支配していることを示している。
• 鋭角の矩形ボタンを使用しない — スクリーンショットは大きなradiusを持つピル型ボタンを示している。
• 複雑な装飾アイコンを使用しない — スクリーンショットは幾何学的形状と数値のピクセル化表現を示している。
• 標準的なセンタリングされたヒーローレイアウトを使用しない — スクリーンショットは巨大な左揃えのディスプレイテキストを示している。
• 陰影が濃い要素を使用しない — スクリーンショットは最小限の elevation を持つフラットな美学を示している。
• 避ける: コアのタイポグラフィから注意をそらす装飾的な要素を避ける。
• 避ける: 明るくカラフルなパレットを避ける。
• 避ける: 小さく窮屈なテキストレイアウトを避ける。
• 避ける: 標準的なグリッドベースのカードコンポーネントを避ける。

10

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

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

11

System Prompt

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