# Bento Grid × One UI — composed image prompt # IndexStyle — https://indexstyle.org/compose?ids=bento-grid+one-ui # Bento Grid carries the structure. One UI 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 Bento Grid (Layout, 2020s) and its accent from One UI (Style, 2018–). Structural cues: Cards large and small; Aligned gutters; One-screen summary; Modules. Accent cues, used sparingly: The upper part of the screen holds nothing but a title and open space, with no touchable control in it; Text and images are collected into card shaped containers with strongly rounded corners; The title bar has only two states, expanded and collapsed, and never rests anywhere in between; In the dark theme the ground goes to true black and only the blue accent sits on top of it. Composition: Tile large and small cards on four to six columns. Type and lettering: A plain sans; oversize the numbers and short headings. Let one material quality come from the second style: Round corners generously, roughly 12dp to 26dp. Choose one of two grounds, #fafafa or #000000, restrict the accent to a single blue, and bring no other hue onto the screen.. Mood: Trust, Intimacy, Technology, Calm. Color: build on #e8e7e1, #8dd5ba, #20211e with a single accent drawn from #0381FE, #FAFAFA, #000000. 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 # - Bento Grid: Not every card equal. Vary area and density by importance. # - One UI: Putting a pressable control into the viewing area destroys the reason for splitting the screen at all, and what is left is just a layout with a lot of empty space at the top. # Design specs: https://indexstyle.org/styles/bento-grid/design.md · https://indexstyle.org/styles/one-ui/design.md