厳選・オープン・無料
Guglieri
デザイナーおよび教育者向けの、大胆でハイコントラストな個人ポートフォリオサイト。
PortfolioStudioPremiumBold TypographyRefined
01
デザイン DNA
デザイナー教育者クラフトポートフォリオ個人
熟練したデザインプロフェッショナルのデジタルポートフォリオ
02
カラー
#ffffffInk
#575757Ink soft
#000000BG
#1c1c1cBG soft
#454545Muted
rgba(87, 87, 87, 0.3)Line
大胆なタイポグラフィックインパクトを持つ、ハイコントラストのモノクローム
03
タイポグラフィ
geometric-sans · humanist-sans
- display
64px · 1000 - h2
32px · 400 - body
14px · 400
見出しには非常に太いウェイト（1000）と狭いトラッキングを使用 · 本文には標準ウェイト（400）とわずかなネガティブトラッキングを使用 · ナビゲーションリンクは大文字で小さく表示
04
余白
4px
8px
12px
16px
24px
32px
48px
64px
96px
4pxグリッドに基づいた一貫したスペーシング
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
区切りのための繊細で控えめなライン
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
ゆとりのあるパディングを持つ全幅セクション
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
インタラクティブ要素への繊細なhoverトランジション
不透明度またはカラーの変化による視覚フィードバック · カーソルの変化による即座の応答
08
コンポーネント
- button 矢印アイコン付きのピル型ボタン
- hero 大きな3Dレンダリングカーソルアセットを用いた全幅ヒーローセクション
09
文体と禁止事項
- トーン プロフェッショナルで自信に満ち、クラフトに焦点を当てたトーン
- 見出し 大胆で率直な文章
- CTA 矢印を用いた明確でアクション指向の文章
- 明るい背景を使用しない — サイトは主に黒（#000000）で構成されます
- 見出しに細い/軽いフォントウェイトを使用しない — デザインは非常に太いウェイト（1000）を使用します
- UI要素に過剰な影や3D効果を追加しない — 3Dは画像に限定されます
- 本文に広い字間を使用しない — サイトは狭いトラッキング（-0.28px）を使用します
- 明るいアクセントカラーを導入しない — パレットは厳格にモノクロームで、画像がカラーを提供します
- 装飾的なフォントを使用しない — タイポグラフィはクリーンで幾何学的なサンセリフです
- 避ける: 専門用語を多用した言葉遣い
- 避ける: 過度にカジュアルなトーン
- 避ける: 過剰な感嘆符の使用
11
System Prompt
これはデザイナーおよび教育者Claudio Guglieriの個人ポートフォリオサイトです。デザインは上質で洗練されており、太字のタイポグラフィとハイコントラストに焦点を当てています。カラーパレットは黒（#000000）と白（#ffffff）が中心で、控えめなグレー（#575757）が補助テキストに使用されます。タイポグラフィは幾何学的およびヒューマニストサンセリフのカテゴリを使用し、ディスプレイテキストには非常に太いフォントウェイト（1000）と狭い字間が適用されます。レイアウトはゆとりのあるスペースを備え、ビジュアルインパクトに重点を置いています。重要な制約事項として、明るい背景の使用禁止、見出しの細いフォントウェイトの回避、大胆でクリーンな美学を損なう不必要な装飾要素の追加禁止が挙げられます。サイトは暗い背景に対して高品質の3D画像で作品を紹介しています。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko