# Carbon × Material Design — composed image prompt # IndexStyle — https://indexstyle.org/compose?ids=carbon+material-design # Carbon carries the structure. Material Design 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 Carbon (Style, 2016–) and its accent from Material Design (Style, 2014–). Structural cues: Rectangular controls with almost no corner radius, and input fields ruled only along the bottom edge; White and #f4f4f4 surfaces stacked alternately, the ground shifting one step in value at every layer; A single blue, #0f62fe, appearing only where something can be acted on, everything else near neutral; One typeface family, IBM Plex, from display headings down to captions, with nothing else mixed in. Accent cues, used sparingly: Hierarchy and shadow expressed by elevation; Surfaces overlapping like sheets of paper; Motion that shows cause and effect; A standardized unit of spacing. Composition: Base the geometry on the eight pixel mini unit. Derive columns by starting at one and halving, and keep every margin and padding a whole multiple of the unit.. Type and lettering: Set everything in IBM Plex, using the tighter productive styles in product and the larger expressive styles for editorial. Pick sizes from the published steps rather than inventing them.. Let one material quality come from the second style: Give surfaces elevation and show front and back by the density of the shadow.. Mood: Trust, Technology, Calm, Play. Color: build on #0f62fe, #161616, #f4f4f4 with a single accent drawn from #e9e6dd, #67635d, #171615. 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. # Cautions carried from each entry # - Carbon: Hard coding hex values breaks the layering the moment the theme flips between light and dark, because the whole system assumes color is chosen by role instead. # - Material Design: Do not add shadow as decoration. The moment the elevation rules break, the hierarchy is telling a lie. # Design specs: https://indexstyle.org/styles/carbon/design.md · https://indexstyle.org/styles/material-design/design.md