厳選・オープン・無料
Karinasirqueira
白地に鮮やかな重なり合う円を用いた大胆な幾何学構成を特徴とする芸術的ポートフォリオ
StudioPortfolioExperimentalExpressivePlayful
01
デザイン DNA
抽象的幾何学的カラフル芸術的ミニマル
近代美術館の作品のような、色付き円の遊び心ある抽象構成
02
カラー
#000000Ink
#FFFFFFBG
#C0C0C0Muted
rgba(0,0,0,0.1)Line
白地の上に、黒を主要アンカーとする高コントラストの一次色(赤、黄、青、緑)
03
タイポグラフィ
geometric-sans
名前ラベルは全角大文字 · tight letter-spacing · 小サイズでも視認性を確保するための高ウエイト
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
余白をたっぷりと確保し、上下左右中央に配置された幾何学構成
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
視覚的なボーダーはなく、形状は均一な色の塗りつぶしで定義
06
レイアウト
1440container
12columns
24pxgutter
768 / 1024breakpoints
従来のグリッドのない単一の中央配置構成;抽象的な円の配置
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
スクリーンショットに表示されるアニメーションはありません
スクリーンショットに表示されるホバー状態はありません · スクリーンショットに表示されるクリックインタラクションはありません
08
コンポーネント
- hero 重なり合う色付き円を唯一の視覚要素とする、フルスクリーンの抽象幾何学構成
09
文体と禁止事項
- トーン ミニマルかつ芸術的
- 見出し 小さな名前ラベルを除き、見出しは表示されません
- CTA CTAは表示されません
- テキストの多いレイアウトを使用しない — スクリーンショットは視覚のみの構成です
- 複雑なナビゲーションメニューを追加しない — スクリーンショットにナビゲーションはありません
- くすんだカラーパレットを使用しない — スクリーンショットは鮮やかな一次色です
- 雑然とした構成を作成しない — スクリーンショットは中央に配置された抽象的な配置です
- 影や立体効果を追加しない — スクリーンショットはフラットな色の形状です
- 装飾的なボーダーを使用しない — スクリーンショットには視覚的なボーダーはありません
- 避ける: テキストの多いレイアウト
- 避ける: 複雑なナビゲーション
- 避ける: 雑然とした構成
11
System Prompt
これは、白地に重なり合う色付き円のミニマルな抽象構成を特徴とする芸術的ポートフォリオサイトです。デザインには鮮やかな一次色(赤 #F52762、黄 #FFEB00、青 #1A5CB0、緑 #55AA45)が使用され、黒 (#000000) が主要アンカーとして機能しています。タイポグラフィはミニマルで、小さな名前ラベルに幾何学サンセリフを使用しています。レイアウトは、余白をたっぷりと確保し、抽象構成を中央に配置しています。重要な注意点:テキストの多いレイアウトを避け、複雑なナビゲーションを追加せず、くすんだ色を使用せず、雑然とした構成を作成せず、影を追加せず、装飾的なボーダーを使用しないこと。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko