Lumina Creator

Set against an ultra-soft cool lilac-white canvas (#FBF9FD), the design delivers an approachable yet high-conversion mobile experience for modern digital entrepreneurs. Visual hierarchy is anchored by a high-contrast hero lockup featuring the heavyweight display title 'Passion' in deep midnight navy (#12192C) alongside an organic morphing photo mask. Functional color is rigorously assigned: energetic coral (#F06560) drives transactional conversion, royal violet (#876DF5) powers announcements, and rich tech blue (#2C7DF8) houses data visualization. Components rely consistently on generous 20px to 24px corner radii with soft multi-layer ambient drop shadows. Spacing adheres to an 8px modular baseline, maintaining a comfortable 20px gutter from screen edges. Micro-surfaces, such as circular icon plates and segmented trend graphs, establish clean modularity across the vertical scroll.

1 design references

Prompt metadata
Shared by	@Devault
Model	GPT Image 2.5
Category	Mobile interfaces
Dataset	stretchcloud · awesome-gpt-image-prompt-2.5

The prompt

Design a light-mode mobile app interface screen: warm modern creator commerce blending organic fluid masks with structured modular utility cards.

LAYOUT
The mobile view follows a downward rhythmic cascade: top identity and navigation, dynamic hero block combining asymmetric typography with masked human imagery, full-width feature announcement banner, a horizontal scroll/grid of 4 modular square feature cards, and a high-contrast metric card anchoring the bottom.

PALETTE (use these exact hex values)
- #FBF9FD — Canvas Background: Overall viewport background providing a warm, tinted alternative to stark clinical white.
- #FFFFFF — Surface White: Elevated card backgrounds, icon badge containers, and nested interactive button chips.
- #12192C — Text Primary: Primary headings, numerical metrics, hero title, and core visual labels.
- #7D869E — Text Secondary: Supporting descriptions, subheaders, category taglines, and muted metric labels.
- #F06560 — Accent Coral: Primary call-to-action button fill and Analytics feature icon backdrop.
- #876DF5 — Accent Violet: Secondary action pills, announcement badges, Community icon, and subtle gradient washes.
- #2C7DF8 — Analytics Blue: Visual Composer badge fill and start of the dynamic growth card gradient.
- linear-gradient(135deg, #378CF6 0%, #195FD1 100%) — Growth Gradient: Full background fill for the 'Your Growth' interactive metric dashboard card.
- #52C585 — Mint Green: Online Store icon badge fill and positive percentage indicator typography.

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Outfit, Inter, Gilroy), weights 400/500/600/700/800. Sizes 11px caption, 12px body-sm, 13px body, 15px body-lg, 17px subheading, 20px heading, 24px heading-lg, 38px display. Tracking -0.03em at display, 0.15em at overline, -0.01em at body. The typographic tone is energetic, clean, and confident, enabled by Plus Jakarta Sans' modern geometric proportions and distinct curved terminals. Display weights (ExtraBold/Black) lend immediate consumer polish, while tracked-out micro overlines ('MADE WITH') provide editorial precision. Inter or Outfit can serve as seamless fallback fonts.

GEOMETRY & SPACING
Corner radii — cards 22px, links 4px, inputs 14px, buttons 999px. Spacing on a 8px unit, 16px gaps, 32px between sections, 390px container, comfortable density.

DEPTH
Depth is created primarily through tonal contrast against the pale tinted background rather than aggressive shadows. Elevated surfaces use very subtle ambient multi-stop drop shadows (0 10px 25px -5px rgba(20, 28, 56, 0.04)). The Growth dashboard card utilizes an inner gradient and saturated chromatic illumination rather than physical elevation to stand apart.

IMAGERY
Imagery features warm, human-centric creator photography clipped strictly within a multi-curved organic blob mask. Backdrops include faint geometric dot grids in pale periwinkle and soft radial color halos. Stocky, sterile studio cutouts or harsh rectangular aspect-ratio photography are strictly prohibited.

SIGNATURE DETAIL — the thing that makes this design itself
The asymmetric hero composition: a giant heavyweight display title ('Passion') juxtaposed with a smooth, fluid-blob masked creator photo accented by faint dot matrices. When implementing, the organic mask must slightly bleed into the right screen margin while the CTA pill overlaps its bottom-left quadrant; never place the image in a basic circular or square frame.

MUST
- Use pill-shaped 999px border radii exclusively for buttons and nested directional badges.
- Pair deep midnight navy (#12192C) with subdued slate-gray (#7D869E) for strict typographic hierarchy.
- Use organic fluid masks for lifestyle photography to soften technical interface density.
- Keep card surfaces at pure white (#FFFFFF) against the pale cool-lavender background (#FBF9FD).

AVOID
- Do not use harsh black (#000000); always tint dark values with navy (#12192C).
- Do not use sharp 90-degree corners on containers or buttons; the minimum card radius is 20px.
- Do not use boxy rectangular photo cutouts in hero zones; fluid organic framing is mandatory.
- Do not apply drop shadows with opacity higher than 8%; maintain a soft ambient diffuse blur.

OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1280:3840. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks.

Try in DraPub

More prompts from the same visual neighborhood.

Back to prompt gallery

Mobile interfacesDesign reference

Abyssal Depth

The screen is grounded in an ultra-dark navy canvas (#040a14) that blends directly into deep-sea hero imagery without harsh cutoffs. Vibrant cyan (#4de1fc) and saturated royal blue (#1b4bf5) provide directional illumination, serving both as high-intent callouts and luminous gradients across interactive elements. Typography is clean and geometric, relying on high-contrast white (#ffffff) for display statements and muted slate (#8fa2be) for logistical information. Spacing uses an 8px grid with generous vertical cadence, accented by cards and pills with generous corner radii (ranging from 16px to 24px). The immediate visual hook is the cinematic submarine emerging from caustic ocean beams, anchored by a vibrant gradient CTA button with a seamless directional arrow.

Mobile interfacesDesign reference

Abyssal Sentinel

The layout splits between a turbulent, full-bleed oceanic photo canvas at the top and an overlapping high-radius clinical white card sheet (#FFFFFF) rising from the lower viewport. Color establishes an immediate cognitive pivot: the brooding marine navy (#10232B) evokes volatile real-world chaos, while soft glacial mint (#BDE4E0) and deep abyssal teal (#0E2A32) communicate calculated technological control. Typography relies on a geometric neo-grotesk with strict hierarchical tracking: loose +1.5px tracking on 11px uppercase category tags, contrasting against tightly-tracked 30px display headings. Layout rhythms alternate between fluid circular pill shapes (radius 999px) and architectural rounded hexagons for photo masking. The eye is first arrested by the stark white display type across the ocean storm, immediately pulled downward by the glowing mint CTA pill into the clean corporate interface below.

Mobile interfacesDesign reference

Adaptive Motion

The interface is grounded on a warm off-white canvas (#F8F9FB) that allows crisp white rounded containers (#FFFFFF) to float with near-weightless elevation. Primary interaction hinges on a spirited coral red (#F05D5E), which drives the hero CTA, notification ping, ring chart, and selective typographic emphasis on 'moves.'. Typography relies on a modern geometric sans-serif, using weight modulation (Regular 400 to Extrabold 800) rather than scale alone to establish hierarchy. Layout modules are organized into distinct cards with generous 24px corner radii, giving the entire viewport an approachable, pebble-soft hand-feel. A user immediately notices the tactile juxtaposition between the rendered metallic fitness equipment angled against a pastel blush circle (#FAD5D5) and the bright coral progress arc at 72% below.

Mobile interfacesDesign reference

Aero Coastal

The canvas is structured around an ultra-clean white backdrop (#FFFFFF) framed by an expansive 36px-radius hero image tile depicting a sunlit alpine coast. Color is strictly bifurcated: visual drama belongs to natural photography and subtle pastel surface cards (#FFF1EE, #EDF5FF, #F3F0FF, #EEF9F6), while operational cues use vivid coral (#EE6C58) and sky blue (#3B82F6). Typography is anchored in crisp modern grotesque letterforms, employing stacked 38px display titles over landscape photos and 14px bold headers inside micro-cards. Component shapes maintain generous curvature, from 999px pills to 24px rounded service modules. A viewer immediately registers the high-contrast white typographic stack against the lake landscape before flowing downward into pastel feature tiles.