craiyon logo

A minimalist mobile app UI mockup for a puzzle game with abstract blue and gray layered shapes, showing 'Target preview', 'Selected Layers', and 'Available pieces' with hex color codes.

A minimalist mobile app UI mockup for a puzzle game with abstract blue and gray layered shapes, showing 'Target preview', 'Selected Layers', and 'Available pieces' with hex color codes.

Mobile game UI mockup, vertical screen. Minimalist zen puzzle interface with soft neutral colors. Top section: small target preview box centered, white card (#FFFFFF) with very subtle shadow (rgba(0,0,0,0.06)), thin border (#E7E7E7), containing a faint abstract shape shown as a translucent silhouette (20% opacity, rgba(0,0,0,0.20)). Background color #F5F5F5. Middle section: large composition area on a white rounded rectangle card (#FFFFFF), thin border #E7E7E7, subtle shadow. Inside, a layered abstract geometric shape in dark graphite gray (#3A3A3A) and soft desaturated blue (#9BB4C6), representing superimposed puzzle pieces. Below: selected layers row. Three small rectangular cards with rounded corners, evenly spaced. Cards white (#FFFFFF), borders #E7E7E7, icons of geometric shapes inside in graphite gray (#3A3A3A). A small accent highlight bar or dot in soft blue (#9BB4C6) marking them as active. Bottom section: available pieces row. White rounded cards with geometric shape icons, some marked active with a blue check (#9BB4C6), others inactive with a soft gray X (#DADADA). Clean, airy spacing, subtle shadows. Typography: thin, modern, light gray text (#8A8A8A). Overall atmosphere: calm, balanced, Japanese-inspired minimalism, lots of white space, soft lighting, no strong colors. No phone frame, no branding. High-resolution UI render, flat modern style, soft shadows, clean layout. See more