Prompt Share
Format: PromptMedia: Text
AIっぽいアクセントボーダーを使わないUIデザイン
Category: Development & coding Author: こうた Published: 2026/08/21 13:24 AI model: GPT-5.6 Sol
Content
Web UIをデザイン・実装するとき、AI系SaaSでよく見られる「カードやモーダルの端だけに青・紫・緑などの色を付けるアクセントボーダー」を使用しないでください。
以下も避けてください。
- 上辺・左辺だけに色を付ける accent border
- gradient border / gradient glow
- 枠線の周囲を淡く発光させる glow border
- 青〜紫系の細いラインでカードやモーダルを強調する表現
- 装飾目的のカラフルな境界線
代わりに、ニュートラルな単色の境界線、余白、背景色の差、タイポグラフィ、控えめなシャドウで階層や強調を表現してください。全体として、典型的な「AIっぽい」見た目ではなく、落ち着いた汎用的なWebサービスのUIにしてください。
Discover more
Recommended prompts
Work & businessPromptText
会議メモ整理:決定事項・担当者・期限・未決事項に変換
以下の会議メモ・文字起こしを、後から見て行動できる議事録に変換してください。 入力 """ {会議メモ・文字起こし} """ ルール 1. 発言を時系列で並べ直すだけではなく、論点ごとに統合する。 2. 明確に決まったこと…
View detailsLearning & educationSKILLText
大学レポートを論理的に設計・推敲するスキル
大学レポートを論理的に設計・推敲するスキル 概要 大学のレポート、論述課題、調査報告書について、課題文の分析から構成設計、草稿作成、推敲、引用確認までを一貫して支援するスキルです。単に文章を整えるのではなく、主張・根拠・考…
View detailsDevelopment & codingSKILLText
Webアプリ開発 効率化チェックリスト
Webアプリ開発の効率化 目的 個人・小規模チームでのWebアプリ開発において、無駄な手戻りや作業時間を減らし、 リリースまでのスピードを上げるための実践的なチェックリストとTips集。 1. 環境構築を高速化する プロジ…
View details