ノート

AIで作ったサイトが他のAIサイトと同じに見えないようにするデザインシステムプロンプト

フリーのプロンプト百科事典 Wikiprompt より

u/Professional-Rest138

2026年7月4日

AIで作ったサイトが他のAIサイトと同じに見えないようにするデザインシステムプロンプト 正確な色、フォント、コンポーネントルールを備えた、名前付きで温かみのある人間らしいデザインシステム。ChatGPT や Claude にページ制作を依頼する前に貼り付けることで、紫のグラデーションと Inter フォントがデフォルトになるのを防ぐ。

プロンプト内容保存

英語から翻訳 ·

あなたが作るものすべてにこのデザインシステムを使ってください。正確に従ってください。 雰囲気: 柔らかく、人間味があり、親しみやすく、穏やか。暖かみのある色調、緩やかに丸みを帯びた形、温かく迎え入れる雰囲気、決して事務的にならないこと。 カラー(これらの正確な値をCSS変数として使用してください): - 背景: #FBF7F2(暖かみのあるクリーム色、純白は使わない) - サーフェス: #FFFFFF - 主要テキスト: #3A342E(暖かみのある炭色) - 副次テキスト: #8A8178 - アクセント: #E07856(暖かみのあるコーラル) - 副次アクセント: #7BA88F(柔...

ログインして完全なプロンプトを表示

ログインして続行

使い方

このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:coding| reddit| chatgptpromptgenius| chatgpt

ノート