Pastel gradient super-app mobile interface

Summary

Mobile super-app interface featuring a soft mint-to-teal gradient background, icon-labeled service grid, search bar, and collapsible order tracking section.

Visual description

A vertical mobile layout on a soft pastel gradient background transitioning from pale mint at top through teal to light green. Header shows location ("Now - Tabeian St, Bali") with a profile icon. Bold black sans-serif headline reads "All your needs, one app" followed by a search bar with rounded corners. Below, a 3x3 grid of square service icons with labels: delivery, shopping, beauty, food and vegetables, medicines, and packages (partially visible). Each icon uses simple glyphs in dark color on white background. At bottom, a "Track your order" section with an arrow to expand. The overall aesthetic is clean, minimal, and accessible with ample whitespace and soft color harmony.

Key takeaway

The service icon grid pattern for marketplace or multi-category apps; the soft gradient background that feels approachable without competing for attention; the clear hierarchy from headline to search to grid; the collapsible section pattern for secondary content; the restrained icon design paired with clear labels.

Reuse notes

Ideal template for on-demand services platforms, super-apps, or multi-vertical mobile commerce. The pastel gradient establishes a friendly, trustworthy tone suited to everyday utilities. The 3x3 grid scales well to 2x3 or 4x3 depending on service count. Strong for localization (location header is a key affordance). The soft color palette maintains accessibility for text contrast while staying visually cohesive.