Geodesic Living

This mobile interface pairs modern modular architecture with an approachable, sustainable lifestyle aesthetic. The primary canvas is a sterile white #FFFFFF layered with whisper-light organic silhouettes and pale pastel tints. Hierarchy relies heavily on heavy-weight charcoal headings in #1C1E23 contrasting with muted slate-taupe descriptors in #7E848D, while an energetic terracotta coral (#F26C52) serves as the solitary high-chroma accent for key conversion points. Cards utilize generous corner radii between 16px and 20px, featuring subtle surface tints—such as mint #EDF6EE, sky #EAF3FB, lavender #F3EDF9, and blush #FDEFEA—to compartmentalize value propositions without heavy dividers. The hero breaks rigid gridlines via an asymmetric blob-masked render of a wooden geodesic home, grounded by a 999px pill CTA button and 360-degree tour floating tag.

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: sculptural architectural warmth rendered through airy pastels and organic earthen curves.

LAYOUT
The mobile layout follows a top-down journey from aspiration to specific discovery. It opens with an asymmetric hero balance (headline and CTA stacked left against a right-anchored blob image), transitions into a structured 4-item horizontal feature bar, flows into a peek carousel of property models, and concludes with a 2x2 or scrolling pastel benefit grid.

PALETTE (use these exact hex values)
- #FFFFFF — Base Surface: Pristine white canvas for the viewport background and elevated feature card panels
- #1C1E23 — Ink Charcoal: Primary heading typography, iconography strokes, and high-emphasis display titles
- #F26C52 — Terracotta Coral: Primary interactive action button, notification pill badge, and directional indicator accents
- #7E848D — Muted Slate: Secondary subtitles, property dimensions, category microcopy, and inactive navigation cues
- #EDF6EE — Eco Sage Tint: Subtle pastel container background for sustainability metrics and eco-friendly features
- #EAF3FB — Durability Frost Tint: Soft cool container fill for engineering and durability reassurance blocks
- #F3EDF9 — Craft Lilac Tint: Muted violet background block representing bespoke design and aesthetic quality
- #FDEFEA — Support Peach Tint: Warm tinted card background for human assistance and concierge contact touchpoints

TYPOGRAPHY
Typeface Plus Jakarta Sans (or Outfit, Urbanist, Inter), weights 400/500/600/700. Sizes 10px caption, 12px body-sm, 13px body, 15px body-lg, 17px subheading, 20px heading, 28px display. Tracking -0.02em at display, 0.01em at caption. The voice is architectural, warm, and hyper-modern, carried by Plus Jakarta Sans. Its rounded structural geometric curves mirror the geodesic dome aesthetic while maintaining pristine mobile legibility. Substitute with Outfit for slightly more open geometry, or Inter if technical neutrality is required.

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

DEPTH
Depth is achieved through layering flat pastel surfaces and crisp white cards against negative space rather than heavy drop shadows. The floating feature bar uses a barely perceptible, broad ambient blur (0px 8px 24px rgba(0, 0, 0, 0.04)). Imagery sits on smooth, mask-cut planes that create spatial relief without artificial bevels.

IMAGERY
Photographs exclusively feature warm architectural timber framing, geodesic dome structures, and Scandinavian-inspired minimalist interiors bathed in golden-hour natural daylight. Any cold, industrial steel, crowded urban environments, or artificial 3D neon assets are strictly off-brand.

SIGNATURE DETAIL — the thing that makes this design itself
The asymmetric organic architectural cutout paired with the warm coral pill button housing an embedded circular arrow. This instantly sets a modern, sustainable tone without feeling corporate. Misusing it by placing standard rectangular photos or omitting the nested circle arrow degrades the signature boutique architectural character.

MUST
- Retain asymmetric blob clipping masks for the primary hero architecture rendering.
- Use 999px pill radii strictly for primary action buttons and interactive camera triggers.
- Rely on low-saturation pastel tints (under 8% saturation) to differentiate feature categories.
- Pair bold charcoal #1C1E23 titles with muted slate #7E848D metadata for high clarity.

AVOID
- Never introduce heavy black drop shadows; keep elevation nearly flat or ambient (< 8% opacity).
- Do not use sharp 0px or small 4px corners; keep all card perimeters at 16px or above.
- Avoid using saturated backgrounds outside the single terracotta coral (#F26C52) CTA element.
- Never omit the white circle wrapper around the right-facing CTA button arrow.

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.