厳選・オープン・無料
Seen
ビジュアルワークをキュレーションし、見せるための、遊び心で表現力豊かなプラットフォーム。
PlayfulExpressiveTypographyPortfolioCuration
01
デザイン DNA
遊び心クリエイティブ表現力豊かキュレーションビジュアル
大胆で、面白く、遠慮のない表現力を持つビジュアルアイデンティティで提示されたクリエイティブワークのギャラリー。
02
カラー
#0A0A0AInk
#E8B8D8BG
#D8A8C8Muted
rgba(10, 10, 10, 0.1)Line
鮮やかなグラデーション背景に、高コントラストの黒いタイポグラフィ。
03
タイポグラフィ
bubble · humanist-sans
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
中央のオーバーサイズのワードマークの周りに、ゆとりのあるホワイトスペース。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
none visible。
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
フルスクリーンの中央揃えレイアウトで、単一の支配的なワードマークと小さなステータスインジケーターを配置。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
ローディングインジケーターは、将来的なトランジションやリビールを示唆する。
この静的なローディング状態では、明確なものは見当たらない。 · この静的なローディング状態では、明確なものは見当たらない。
08
コンポーネント
- button 小さな、ピル型の、最小限のボタンに、小さなアイコン付き。
- hero フルビューポート、中央揃え、表現力豊かなワードマークが唯一のヒーロー要素。
09
文体と禁止事項
- トーン 遊び心があり、大胆で、クリエイティブ。
- 見出し 単一の、オーバーサイズの、カスタムタイポグラフィワードマーク。
- CTA 最小限の、小さな、機能的(ローディングインジケーター)。
- 従来の、グリッドベースのレイアウトを使用しない — スクリーンショットは単一の、中央揃えの、オーバーサイズの要素を示している。
- 細く、軽量なタイポグラフィに依存しない — スクリーンショットは極めて太い、泡のような文字形を示している。
- 暗い、または控えめな背景を使用しない — スクリーンショットは鮮やかなピンク/紫のグラデーションを示している。
- 複数の要素でインターフェースを雑踏させない — スクリーンショットはワードマークと小さなローディングボタンのみを示している。
- ロゴに鋭く、幾何学的な形状を使用しない — スクリーンショットは柔らかく、丸みを帯びた、オーガニックな文字形を示している。
- セカンダリカラーパレットを使用しない — スクリーンショットはシンプルな2トーン(ピンク/紫背景に黒)のスキームを示している。
- 避ける: フォーマルな言語
- 避ける: 密度の高いテキスト
- 避ける: 従来のナビゲーション
11
System Prompt
これは、'Seen'というクリエイティブプラットフォームのための、遊び心で表現力豊かなブランドアイデンティティです。デザインは、太く泡のようなフォントの単一のオーバーサイズのカスタムワードマークを中心に構成されています。背景は鮮やかなピンクから紫色へのグラデーションで、暖かく、魅力的で、エネルギッシュな雰囲気を作り出しています。プライマリカラーは、テキスト用の深い黒(#0A0A0A)と、柔らかなピンク/紫の背景(#E8B8D8)です。タイポグラフィは非常に表現力豊かで装飾的で、従来のセリフやサンセリフではありません。主要な重要な禁止事項:グリッドを多用したレイアウトを使用しない;細いタイポグラフィを使用しない;暗い、または控えめな背景を使用しない。システムはミニマルで、単一の力強いビジュアルステートメントに焦点を当てています。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko