{"id":"material-you","no":562,"name":"Material You","ja":"Material You","era":"2021–","family":"Google UI","kind":"スタイル","collection":"Dictionary expansion 29","addedAt":"2026-08-22","source":{"title":"Google Material Design 3","url":"https://m3.material.io/"},"reference":{"status":"verified","pageUrl":"https://m3.material.io/","credit":"Google Material Design 3","gallery":[{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Material%20Design%203.svg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Material%20Design%203.svg","credit":"Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0"},{"imageUrl":"https://commons.wikimedia.org/wiki/Special:FilePath/Foldable%20smartphone%20(Android%2012).jpg?width=640","pageUrl":"https://commons.wikimedia.org/wiki/File:Foldable%20smartphone%20(Android%2012).jpg","credit":"Android 12 の壁紙由来カラーを表示した折りたたみ端末 2021年 — Wikimedia Commons / CC BY 3.0"}]},"essence":"壁紙から生成するdynamic color、大胆に変化する形、個人に合わせた配色と動きで、同一外観ではなく変化を受け止める規則を一貫性とするMaterial Design 3の表現。","cues":["壁紙由来の調和した色調","大きな丸みを持つカードと操作面","選択状態で形と色が同時に変わる","広い余白と大きな表示文字"],"intents":["親密","遊び","技術"],"works":["利用者の壁紙や好みを製品の配色へ安全に反映するとき","同じ部品を保ちながら個人ごとに異なる外観を成立させるとき"],"recipe":{"type":"大きめの表示文字と読みやすい本文を使い、色が変わっても階層を太さと寸法で保つ。","layout":"大きな角丸面を余白の中へ置き、選択と移動を形・色・動きの組で示す。","material":"種色から明度段階を生成し、背景・面・文字・状態へ意味的に割り当てる。"},"avoid":"好きな色を大量に自動生成するだけでは読めない。コントラストと意味を保つ色役割が先に必要になる。","colors":["#FEF7FF","#6750A4","#1D1B20"],"motif":"ui","pair":["material-design","flat-design"],"study":["dynamic color","Material 3 shape system","personalization and accessibility"],"en":{"essence":"Material You makes adaptability itself consistent: dynamic color, generous shapes and personalized motion vary by person while semantic roles stay stable.","cues":["Harmonized colors derived from wallpaper","Large rounded cards and controls","Selection changes both color and shape","Broad spacing and large display type"],"works":["Safely reflecting a user's palette in a product","Letting one component system support varied personal appearances"],"recipe":{"type":"Keep hierarchy in weight and scale so it survives changes of color.","layout":"Set large rounded surfaces in generous space and express selection through shape, color and motion together.","material":"Generate tonal palettes from a seed, then assign them to semantic surface and content roles."},"avoid":"Automatic color generation alone can produce unreadable interfaces. Contrast and semantic roles come first.","study":["Dynamic color","Material 3 shape system","Personalization and accessibility"]},"links":{"page":"https://indexstyle.org/styles/material-you","json":"https://indexstyle.org/api/styles/material-you","designSpec":"https://indexstyle.org/styles/material-you/design.md","imagePrompt":"https://indexstyle.org/styles/material-you/prompt.txt"},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}