配色
#0a0c11
#1b1f29
#ff8a4c
#f3f4f6

あわせて引く

系統先進的

ダークモード

Dark Mode

印象重厚感没入感シャープ

暗さが、光を引き立てる。コントラストで魅せる体験。

見分けるポイント

  • 黒やチャコールを基調にした画面
  • 明るいアクセントカラー
  • 繊細な境界線と光の表現

AIへの伝え方

洗練されたダークモードのデザインにしてください。わずかに青みのある黒を背景に、オフホワイトの文字と、あたたかいオレンジのアクセントカラーを1色だけ使ってください。カードは背景より少し明るい面にして、控えめな光彩と細い境界線で要素を区切り、大きな見出しとシンプルなナビゲーションで没入感を作ってください。本文と背景のコントラストを確保してください。 スマートフォンでも読みやすいレスポンシブ対応にし、見出し・本文・ボタンに一貫したルールを適用してください。

コピーした文章を、お使いのAIに貼り付けてください。

別の言い方も見る

ダークモード対応して。背景は真っ黒ではなく濃いグレー(例:#181b1a)で、OSの設定(prefers-color-scheme)に追従させて。

「全体のスタイル」の言葉

サイトまるごとの雰囲気や作風。

207語すべてを、見た目から引く