厳選・オープン・無料
Biron
ローアエステティクスと洗練されたデジタル体験を紹介するミニマリストなダークポートフォリオ。
PortfolioEditorialDark ModeCleanTypography
01
デザイン DNA
インディペンデントビジュアルデザイナーロンドンローアエステティクスリファインドインタラクション
物理的なテクスチャを持つデジタルギャラリー
02
カラー
#FFFFFFInk
#000000BG
rgba(255,255,255,1)Line
極めてハイコントラストなモノクロームパレット
03
タイポグラフィ
transitional-serif
- display
56px · 400 - body
18px · 400 - caption
12px · 400
テキスト変換: ナビゲーションとラベルは大文字 · ハイコントラスト: 黒背景に白テキストのみ
04
余白
4px
8px
16px
20px
40px
50px
64px
内部のリズムをタイトに保ちつつ、ゆったりとしたpadding
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
目立つものなし
0px 0px 0px 0px transparent
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
ビューポート全体、中央揃えコンテンツ、ゆったりとした余白
07
モーションとインタラクション
220msmicro
666mssmall
1000msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
不透明度フェードイン · トランスフォーム移動
目立つものなし · 目立つものなし
08
コンポーネント
- button 目立つものなし
- card 目立つものなし
- chip 目立つものなし
- input 目立つものなし
- hero セリフ体テキストをオーバーレイしたフルスクリーン背景画像
09
文体と禁止事項
- トーン ミニマリストでプロフェッショナル
- 見出し セリフ体、小文字または混合大文字、控えめ
- CTA 目立つものなし
- 角丸を使用しない — スクリーンショットでは0pxの鋭いエッジが確認できます
- ドロップシャドウを使用しない — スクリーンショットではフラットでテキストベースのレイアウトが確認できます
- 明るいアクセントカラーを使用しない — スクリーンショットでは厳格な黒と白のパレットが確認できます
- 装飾的なボーダーを使用しない — スクリーンショットではクリーンでボーダーレスのセクションが確認できます
- すべてのテキストを中央揃えにしない — スクリーンショットでは混合された揃え方向が確認できます
- 情報の密集したレイアウトを使用しない — スクリーンショットでは膨大な余白が確認できます
- 避ける: 派手な色
- 避ける: 装飾的な要素
- 避ける: 複雑なレイアウト
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
ロンドンを拠点とするビジュアルデザイナーのためのミニマリストなポートフォリオサイト。デザインは厳格な黒と白のパレットを使用し、見出しやUIラベルには顕著なトランジションセリフフォントを採用。レイアウトは余白と、大きな背景画像を備えたビューポート全体のセクションに大きく依存。主要な16進数カラーは背景が#000000、テキストが#FFFFFF。重要な禁止事項: 角丸は決して使用せず、ドロップシャドウは決して追加せず、明るいアクセントカラーは決して導入しない。微妙なモーションとハイコントラストなタイポグラフィを通じて、ローアエステティクスと洗練されたインタラクションに焦点を当てる。
en · zh-CN · zh-TW · ja · ko