ダークモードでもアイデア帳の温かみを保つ工夫
Light/Dark両対応のノート・付箋モチーフデザイン。色選びの試行錯誤、CSS変数を使った実装、そしてアクセシビリティを保ちながら「温かみ」を維持する技術的な工夫について解説します。
公開日: 2026/02/01
Webデザイン に関連する投稿一覧です。
Light/Dark両対応のノート・付箋モチーフデザイン。色選びの試行錯誤、CSS変数を使った実装、そしてアクセシビリティを保ちながら「温かみ」を維持する技術的な工夫について解説します。
なぜこのブログはノート・付箋モチーフなのか。カフェでアイデア帳を広げる、あの没入感をデジタルで再現したデザインコンセプトと、4色付箋、マスキングテープ、ノート罫線など、こだわりの要素について語ります。
ブログのデザインコンセプトである「手書きノート」の表現方法について。CSSだけで作る紙の質感や、あえて崩すことで生まれるアナログ感を解説します。