厳選・オープン・無料
Clauaskee
大胆な幾何学的フォームと劇的な3D構成を使用する実験的なデザインポートフォリオ。
Portfolio3DExperimentalStudioGeometric
01
デザイン DNA
実験的抽象的幾何学的ミニマル大胆
従来のウェブデザインの慣習に挑戦するデジタル彫刻スタジオ。
02
カラー
#0D0D1AInk
#7B7BFFBG
#1A1A3DMuted
rgba(0,0,0,0)Line
鮮やかなラベンダーと深いミッドナイトブルーの劇的な変化を伴う、ハイコントラストのカラーブロッキング。
03
タイポグラフィ
geometric-sans
タイポグラフィはミニマルであり、可読性よりも幾何学的構成に奉仕する。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
3D要素の構成上のバランスを強調する非対称な間隔。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
目に見えるボーダーはなし。シェイプはカラーとシャドウで定義。
0 20px 60px rgba(0,0,0,0.4)
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
中央の3Dオブジェクトを焦点とした、フルブリードの没入型構成。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
ホバーやスクロール時の、繊細なパララックスまたは3D回転エフェクト。
中央の3Dオブジェクトの繊細な回転またはスケーリング。 · 浮遊3D要素との直接的なインタラクション。
08
コンポーネント
- button パスに沿ってテキストが配置された、円形の緑色の浮遊バッジ。
- hero 抽象的なタイポグラフィを備えた浮遊カードを特徴とする、劇的な3Dシーン。
09
文体と禁止事項
- トーン 実験的、大胆、芸術的な自信に満ちた。
- 見出し ミニマリストで、3D構成に統合されている。
- CTA メインの構成から際立つ、遊び心のある円形バッジ。
- ソフトシャドウは使用しない — スクリーンショットでは、 hard-edgedで劇的なシャドウが示されている。
- 角丸の長方形は使用しない — スクリーンショットでは、鋭く幾何学的な角が示されている。
- セリフ書体は使用しない — スクリーンショットでは、幾何学的なサンセリフが示されている。
- 賑やかなパターンは使用しない — スクリーンショットでは、ソリッドなカラーブロックが示されている。
- 中央揃えのテキスト配置は使用しない — スクリーンショットでは、左揃えのロゴマークが示されている。
- 繊細な背景グラデーションは使用しない — スクリーンショットでは、フラットでハイコントラストのカラーフィールドが示されている。
- 避ける: 従来のグリッドレイアウト
- 避ける: 標準的なナビゲーションメニュー
- 避ける: 説明しすぎるテキスト
11
System Prompt
これは、大胆で芸術的なアイデンティティを持つ実験的なデザインポートフォリオウェブサイトです。デザインは、鮮やかなラベンダー(#7B7BFF)と深いミッドナイトブルー(#0D0D1A, #1A1A3D)の目を引くパレットを使用しています。タイポグラフィはミニマルで幾何学的であり、3D構成に奉仕します。重要な注意点として、ソフトシャドウ、角丸、従来のグリッドレイアウトは避けてください。このサイトは、劇的な3D構成と大胆なカラーブロッキングを使用し、従来の使いやすさよりもビジュアルインパクトを優先します。インタラクティブ要素は、円形の緑バッジなど、遊び心を備えています。全体的なアプローチは実験的であり、一般的なウェブデザインの慣習に挑戦しています。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko