# Material Design × Material You / Material 3 — composed image prompt # IndexStyle — https://indexstyle.org/compose?ids=material-design+material-you # Material Design carries the structure. Material You / Material 3 appear as accents, each further back than the last. # Style descriptors only. Never imitates a specific artist, studio, brand or work. An original image that takes its structure from Material Design (Style, 2014–) and its accent from Material You / Material 3 (Style, 2021–). Structural cues: Hierarchy and shadow expressed by elevation; Surfaces overlapping like sheets of paper; Motion that shows cause and effect; A standardized unit of spacing. Accent cues, used sparingly: Dynamic color; Large corner radii; Personalized themes; Adaptive components. Composition: Place elements on a grid of multiples of 8 and standardize the spacing.. Type and lettering: Build the hierarchy from one type family and separate levels by weight and size.. Let one material quality come from the second style: Verify contrast in both light and dark for every wallpaper derived palette.. Mood: Trust, Technology, Play, Intimacy. Color: build on #e9e6dd, #67635d, #171615 with a single accent drawn from #e9e2f3, #7b6a9e, #2f283a. Constraints: do not imitate, reference or name any specific artist, studio, brand, character or copyrighted work. Produce an original composition in the general period languages described above. # Where the two fight # - Both belong to Google UI, so the difference is small. Push the roles further apart than feels comfortable. # Cautions carried from each entry # - Material Design: Do not add shadow as decoration. The moment the elevation rules break, the hierarchy is telling a lie. # - Material You / Material 3: Pale tints and big radii are not the system, so design color roles, states, accessibility and user driven variation, and keep a brand hue so the app stays recognizable. # Design specs: https://indexstyle.org/styles/material-design/design.md · https://indexstyle.org/styles/material-you/design.md