厳選・オープン・無料

Marioecg

ビジュアルアーティストのためのクリーンなポートフォリオサイト。大胆でカラフルなジェネラティブアートワークを、主要なヒーロー要素として特徴としています。

01

デザイン DNA

鮮やかな、壁一面のライトインスタレーションを展示する、ミニマリストな白いギャラリースペース。

02

カラー

デザインは、極めて高いクロマの多彩なグラデーションアートワークを額縁のように囲むために、際立ったブラック＆ホワイトのUIに依存しています。このアートワークが唯一のカラーソースとなります。

03

タイポグラフィ

transitional-serif

• display32px · 400
• body14px · 400

04

余白

ビューポートの端に広めのpaddingを設け、中央のアートワークを明確に額縁のように囲みます。ナビゲーション項目間には標準的な間隔が取られています。

05

サーフェス (角丸 / 影 / 罫線)

要素にボーダーやボーダーラADIUSは見られず、完全にフラットでクリーンな美学を維持しています。

06

レイアウト

シンプルなヘッダーとフッターが、フル幅・フルハイトの中央ヒーローイメージを囲む構成です。このビューには、他のセクションは見られません。

07

モーションとインタラクション

この静止画には、モーションやアニメーションは見られません。

ホバー状態は見られません。おそらく、ナビゲーションリンクには標準的なテキストの下線や色変化があります。 · クリック状態は見られません。

08

コンポーネント

• button ボタンは見られません。ナビゲーションはテキストベースのリンクです。
• card カードコンポーネントは見られません。
• chip チップコンポーネントは見られません。
• input インプットフィールドは見られません。
• hero 複数の垂直グラデーションストリップからなる、単一のフルブリード長方形画像が、主要なヒーロー要素としてビューポートの大部分を占めています。

09

文体と禁止事項

• トーン 最小限で、直接的、かつ確信に満ちたトーン。アートワーク自身に語らせるような表現です。
• 見出し サイトタイトルはクラシックなセリフフォントで設定され、主要なタイポグラフィカルアイデンティティとして機能しています。
• CTA コール・トゥ・アクション要素は見られません。デザインは受動的な閲覧と探索を促しています。

• ダークモードを使用しないこと。スクリーンショットでは明るい白い背景が示されています。
• 角丸を使用しないこと。スクリーンショットではシャープな矩形のヒーロー画像が示されています。
• UIにプライマリアクセントカラーを使用しないこと。スクリーンショットでは黒字のみが示されています。
• 複雑なグリッドレイアウトを使用しないこと。スクリーンショットでは単一のフルブリードのヒーロー画像が示されています。
• サーフェスにドロップシャドウやボーダーを使用しないこと。スクリーンショットでは完全にフラットなデザインが示されています。
• ロゴにサンセリフフォントを使用しないこと。スクリーンショットではトランジショナルセリフ体が示されています。
• 避ける: ダークテーマを使用しないこと。スクリーンショットでは明るい白い背景が示されています。
• 避ける: 角丸を使用しないこと。スクリーンショットではシャープな矩形要素が示されています。
• 避ける: カラフルなUI要素を使用しないこと。スクリーンショットでは、白地に黒字のテキストのみが示されています。
• 避ける: コンテンツに複雑なグリッドを使用しないこと。レイアウトは単一のフルブリード画像です。
• 避ける: 太いボーダーやドロップシャドウを使用しないこと。デザインは完全にフラットです。
• 避ける: 遊び心のある丸みのあるタイポグラフィを使用しないこと。フォントはクラシックでシャープなセリフ体です。

11

System Prompt

en · zh-CN · zh-TW · ja · ko