厳選・オープン・無料
Elvinaprasad
極端なダークモードとオーバーサイズのタイポグラフィを使用し、神秘性と集中力を生み出す、無骨でハイコントラストなポートフォリオ。
StudioExperimentalMinimalPortfolioRefined
01
デザイン DNA
ミニマル実験的ハイコントラストミステリアス
タイトルの最もかすかな囁きしか見えない、暗いギャラリーの入口。
02
カラー
#FFFFFFInk
#1A1A1AInk soft
#000000BG
rgba(255, 255, 255, 0.1)Line
漆黒の背景と純白のテキストの間の極端なコントラスト。
03
タイポグラフィ
geometric-sans
- display
120px · 700 - heading
24px · 400
ナビゲーションには全て大文字を使用。 · ヒーローテキストは極めて大きく、トラッキングを詰めて保持。 · すべてのテキスト要素に高いコントラストを維持。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
スケールと集中感を生み出す、豊かな余白。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
目に見えるものなし。カラーのコントラストに依存。
06
レイアウト
1440container
12columns
24pxgutter
768 / 1024breakpoints
フルブリードの黒背景に、最小限の浮遊要素。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
巨大なタイトルテキストのフェードインを示唆。
テキスト要素の微細な明るさの変化を示唆。 · ページ遷移を示唆。
08
コンポーネント
- button 目に見えるものなし。
- card 目に見えるものなし。
- chip 目に見えるものなし。
- input 目に見えるものなし。
- hero 巨大で部分的に表示されたタイトルを持つ、フルスクリーンの暗い背景。
09
文体と禁止事項
- トーン 自信に満ち、ミニマルで、芸術的。
- 見出し オーバーサイズで、トラッキングが詰められ、興味を引くためにしばしば部分的に隠されている。
- CTA 目に見えるものなし。ナビゲーションはテキストベース。
- 明るいアクセントカラーを使用しない — スクリーンショットは厳格な白黒パレットを示しています。
- コンテナにボーダー radius を追加しない — スクリーンショットは鋭い矩形のエッジを示しています。
- 複数の目に見える要素でインターフェースを雑然とさせない — スクリーンショットは極端なミニマリズムを示しています。
- 明るい背景を使用しない — スクリーンショットは完全に黒です。
- セリフフォントを使用しない — スクリーンショットはクリーンで幾何学的なサンセリフ書体を示しています。
- ヒーロー要素に小さく繊細なタイポグラフィを使用しない — スクリーンショットは巨大で太いテキストが特徴。
- 避ける: ごちゃごちゃしたインターフェース。
- 避ける: 明るく彩度の高いアクセントカラー。
- 避ける: コンテナの角丸。
- 避ける: 目に見えるボーダーやボックスシャドウ。
11
System Prompt
これはミニマルで実験的なポートフォリオサイトです。漆黒の背景(#000000)と純白(#FFFFFF)のタイポグラフィを使用した極端なダークモードを採用しています。フォントカテゴリは geometric-sans です。レイアウトは控えめで、部分的に表示される単一の巨大なヒーロータイトルに焦点を当てています。主要なデザイン原則は、高いコントラスト、大きなスケール、ネガティブスペースです。重要な禁止事項:明るいアクセントカラーは決して使用せず、コンテナにボーダー radius を決して追加せず、目に見えるコンポーネントでインターフェースを決して雑然とさせない。このサイトは暗く没入型のギャラリー体験のよう。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko