ダークUI
Dark UI
暗い背景に明るい文字を置く、目にやさしく引き締まった印象のデザイン。
別名ダークモードダークテーマ
見た目の特徴
- 真っ黒ではない暗いグレーの背景
- 少し暗めの白文字
- 差し色は彩度を少し下げる
- 影の代わりに明るさで重なりを表す
色の組み合わせ （押すと色のコードをコピー）
合うフォントの例
InterNoto Sans JP
どこで使われている？
- よく見かける場所
- Netflix、Spotify、YouTube のダークテーマ、プログラミング用のツール
- 使うとよい場面
- 動画や写真を引き立てたい、夜に使うことが多いとき
- 避けたい場面
- 文字をたくさん読ませる長い記事（明るい背景の方が読みやすい人も多い）
- 向いているもの
- 動画・音楽アプリ、開発者向けツール、夜に使うアプリ
似ている雰囲気と見比べる
AIへの指示文
Webサイト を作るときの指示文です。作るものは右上の「何を作る？」で変えられます。
Webサイトを「ダークUI（Dark UI）」のデザインで作ってください。 見た目：真っ黒ではない暗いグレーの背景に少し暗めの白文字を置き、差し色は1色だけにする。影の代わりに、手前の部品ほど明るいグレーにして重なりを表す。 特徴：真っ黒ではない暗いグレーの背景／少し暗めの白文字／差し色は彩度を少し下げる／影の代わりに明るさで重なりを表す 色：背景 #121212、面 #1E1E1E、手前の面 #242424、文字 #E8E8E8、差し色 #BB86FC フォントの例：Inter、Noto Sans JP