厳選・オープン・無料

Guste

大胆なラインアートと厳選されたアートコレクションを重視した、グラフィックデザインとイラストレーションサービスのスタジオポートフォリオ。

01

デザイン DNA

大胆で遊び心のある、イラストレーション調のクリエイティブワークを展示するデジタルキャンバス。

02

カラー

インタラクティブ要素のための識別可能な機能的パレットを備えた、高コントラストの黒と白。

03

タイポグラフィ

geometric-sans

• display32px · 400
• body16px · 400

ナビゲーションとラベルのすべてのテキストは大文字です。 · 幾何学的サンセリフフォントファミリーよく一貫して使用されます。 · ほとんどのテキスト要素には標準的なライトウェイト（400）が使用されます。

04

余白

標準的な4pxグリッドと、セクションコンテナに64pxの余裕のあるパディング。

05

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

実線の2px黒いボーダーが、すべての主要コンテナとセクションを定義します。

06

レイアウト

セクションを分離する目立つ2px黒いボーダーを備えた、ボックス型でグリッドベースのレイアウト。

07

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

ホバー状態とインタラクティブ要素のための滑らかなトランジション。

インタラクティブ要素でポインターカーソルが変化します。 · カーソルの変化（画像のズームイン）による視覚フィードバック。

08

コンポーネント

• button プライマリアクション（CONNECT）用の円形アウトラインボタン。
• card ボーダーなしでアートワーク画像を表示するグリッドベースのディスプレイ。
• chip 選択用の水平行に並んだカラースウォッチ。
• hero カラーセレクションツールを備えた、大きくインタラクティブなラインアートのイラストレーション。

09

文体と禁止事項

• トーン 直接的で、プロフェッショナル、かつクリエイティブ。
• 見出し タイトルケースの明確で記述的な文。
• CTA 行動を促す大文字（例：CONNECT、STORE）。

• ドロップシャドウを使用しない — スクリーンショットではフラットで、ボーダーで定義されたサーフェスが示されています
• コンテナに角丸を使用しない — スクリーンショットでは鋭角で、0pxの角のボックスが示されています
• グラデーション背景を使用しない — スクリーンショットではソリッドホワイトまたはライトグレーが示されています
• アクセント用に3番目のフォントを使用しない — スクリーンショットでは単一の幾何学的サンセリフが一貫して使用されています
• 微細な1pxボーダーを使用しない — スクリーンショットでは目立つ2px黒いボーダーが示されています
• ヒーローに複数カラムのテキストブロックを使用しない — スクリーンショットでは単一の大きな見出しが示されています
• 避ける: 過度に企業的な専門用語
• 避ける: ごちゃごちゃしたレイアウト
• 避ける: 派手またはネオンのアクセントカラー

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

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