# Holo × Material Design — composed image prompt
# IndexStyle — https://indexstyle.org/compose?ids=holo+material-design
# Holo 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 Holo (Style, 2011–2014) and its accent from Material Design (Style, 2014–). Structural cues: White text on black, with sections divided by one pixel hairlines instead of filled panels; A single cyan blue at #33B5E5 lighting only selection, the underline of a text field, and progress; A full width action bar pinned to the top, and a strip of Back, Home and Recents keys at the bottom; Tab labels and list section headers set in bold, all uppercase. 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: A full width action bar is fixed at the top and a single column list fills the space under it. Sections are separated by hairlines rather than white space, and a strip is reserved at the bottom for the navigation keys.. Type and lettering: One geometric leaning sans across the whole interface, in two weights only. Tabs and section headers go uppercase with the tracking opened slightly.. Let one material quality come from the second style: Give surfaces elevation and show front and back by the density of the shadow.. Mood: Technology, Futurism, Calm, Trust, Play. Color: build on #000000, #33B5E5, #F3F3F3 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.

# 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
# - Holo: Redrawing the widgets so they no longer inherit from the theme throws away the one thing this style buys you, which is looking identical across devices, and leaves your app the odd one out on a skinned phone.
# - 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/holo/design.md · https://indexstyle.org/styles/material-design/design.md