City Flow Rush

A portrait-format mobile game UI mockup for a game called City Flow Rush. The screen shows a top-down endless city block grid scrolling upward, rendered in a flat 2.5D chunky block style with deep navy streets, bold neon-yellow lane dividers, and rounded-corner buildings in muted grey and brick tones. Three vertical lanes run the full screen height, each subtly tinted cool grey, warm amber, and pale teal respectively. In the lower-center lane, a glowing white capsule avatar with a soft cyan glow ring is mid-run. A bright electric-cyan hand-drawn arc path sweeps from a coral-outlined taxi in the center lane curving out to the right lane, with a stylus-dot at the arc's leading tip to suggest the player is actively drawing it right now. Two other NPC vehicles — a lime-green cyclist and a yellow cab — occupy other cells; one amber-warning cell shows two vehicles converging. At the top of the grid, a glowing gold district-boundary banner is partially scrolled into view, with a padlocked treasure chest icon centered on it. Just below the banner, a horizontal token-progress bar shows 15 of 20 gold coin slots filled. Top-left corner: a frosted-glass pill chip showing a gold coin icon and the number '15 / 20'. Top-right corner: a frosted-glass pill chip showing a timer reading '1:42'. The overall feel is clean, legible, and kinetic — the mechanic of simultaneously dodging and rerouting traffic should be instantly understandable in three seconds.

• Flat isometric-lite aesthetic: buildings and vehicles are chunky, rounded-corner 2.5D blocks with bold outlines (2–3 px), no photorealism — palette anchored by deep navy (#0D1B2A) streets, neon-yellow lane dividers, and saturated accent colors (hot coral for gridlock-warning cells, electric cyan for drawn paths, gold for tokens).
• UI chrome is minimal and pill-shaped; token counter and run-timer float as frosted-glass chips in the top corners, never overlapping the action grid, keeping the mechanic fully visible.
• Danger escalation is communicated through color temperature: safe cells are cool blue-grey, congested cells shift toward amber, and a three-vehicle gridlock cell pulses urgent red with a radial shockwave ring — all readable without iconography.
• Typography uses a single condensed sans-serif (e.g., Barlow Condensed or similar) in all-caps for counters and labels; the drawn-path line itself uses a slightly imperfect, hand-stroke texture to feel tactile and player-authored rather than mechanical.

• Portrait-orientation phone frame dominates the composition; the endless city grid fills roughly 70% of the screen height, scrolling upward with motion-blur streaks on the top edge to imply speed.
• Three clearly delineated vertical lanes run the full height of the grid, each tinted a distinct subtle hue (cool grey, warm amber, pale teal) so lane identity is readable at a glance without text labels.
• The player avatar — a bright white capsule-shaped runner — occupies the center lane in the lower third, surrounded by a soft glow ring; a glowing cyan hand-drawn detour arc sweeps from a taxi in the middle lane outward to the right lane, the line still mid-draw with a trailing stylus-dot to show the gesture in progress.
• A horizontal district-boundary banner glows at the top quarter of the grid, partially scrolled into view, with a locked chest icon centered on it and a token-progress bar (15 of 20 filled) just below it — payoff destination visible but not yet reached.