Editorial Expeditions

The canvas utilizes an airy off-white background (#f4f5f7) hosting crisp white floating cards (#ffffff) bounded by 16px corner radii and soft atmospheric drop shadows. Visual hierarchy is strictly enforced through typographic contrast: destination names are set in an elegant transitional serif (around 24px) paired with an all-caps terracotta subtitle (#c85a40) at 11px with generous tracking. Functional UI elements adopt a deep maritime indigo (#0f2d59) for high-intent actions and category tags, balanced against warm coral (#e25c43) for hero-level conversion. Each itinerary card features an asymmetrical two-column layout: a left-aligned scenic photograph overlaid with a dark pill badge, and a right-aligned narrative block crowned by a vintage monochromatic passport stamp. A reader immediately notices the bespoke cancellation stamps, which infuse digital utility with the nostalgia of physical travel documents.

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: a vintage passport aesthetic reimagined as a modern luxury editorial itinerary with tactile travel postmarks and deep indigo contrast.

LAYOUT
The interface follows a single-column vertical scroll tailored for mobile devices. It begins with a minimalist utility header, transitions into a visually arresting cinematic hero card, and proceeds with a rhythmic list of identical split-layout itinerary cards spaced by 16px gaps. Each itinerary card cleanly bifurcates into imagery on the left and structured narrative data on the right.

PALETTE (use these exact hex values)
- #f4f5f7 — Off White Canvas: dominant screen background behind floating itinerary cards
- #ffffff — Pure White Surface: card bodies, icon button backgrounds, and floating container fills
- #0f2d59 — Maritime Indigo: primary interactive buttons, region badges, and header iconography
- #e25c43 — Terracotta Sunset: hero action button and card theme eyebrow text
- #27ae60 — Status Green: availability indicator dot representing booking openness
- #1a222c — Charcoal Title: editorial destination titles, navigation branding, and hero titles
- #5e6977 — Slate Body: itinerary synopsis snippets, meta labels, and stamp line art
- #e3e7ed — Hairline Border: favorite button borders and vertical meta dividers

TYPOGRAPHY
Typeface Playfair Display (or DM Serif Display, New York, Cormorant Garamond), weights 600/700. Sizes 10px caption, 11px body-sm, 13px body, 14px subheading, 24px heading, 32px display. Tracking -0.01em. The typography balances heritage prestige and crisp operational readability. Playfair Display delivers an editorial, literary personality reminiscent of luxury travel magazines like Condé Nast Traveler, while Inter handles data density, micro-labels, and dates without visual clutter. For licensing alternatives, DM Serif Display or Cormorant Garamond substitute seamlessly for the display tier.

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

DEPTH
Depth is rendered gently with diffuse, low-opacity drop shadows (0 4px 16px rgba(15, 45, 89, 0.06)) beneath the white itinerary cards, lifting them subtly above the pale grey ground. Surfaces do not layer heavily; visual hierarchy relies on contrast between solid card backgrounds and the atmospheric page canvas.

IMAGERY
Photography consists of rich, warm-toned architectural and landscape vistas with strong cultural identity (e.g., Italian cliff towns, Petra sandstone, Bagan temples). Shots have cinematic natural lighting with amber, earth, and sky tones; sterile studio assets, flat illustrations, or generic stock tourists would violate the curated aesthetic.

SIGNATURE DETAIL — the thing that makes this design itself
The integrated monochromatic passport postmark positioned at the top-right corner of each itinerary card. It transforms a standard commerce listing into an evocative collector's artifact. Recreate it with 1px stroke weight, authentic aviation/immigration jargon (e.g., 'ARRIVAL', flight icons, star ratings), and ensure it never uses fill colors or dropshadows.

MUST
- Pair classic high-contrast serif destination headings with modern all-caps sans eyebrows in terracotta.
- Keep travel cancellation stamps delicate and strictly monochromatic in dark slate.
- Use deep maritime navy (#0f2d59) for high-emphasis buttons to ground the vibrant destination photography.
- Maintain the two-column card structure where imagery spans the entire card height without inner margins.

AVOID
- Do not colorize the passport stamps; multi-colored stamps ruin the authentic postal cancellation feel.
- Avoid full-width image carousels inside the cards; keep the half-card vertical photographic window.
- Never replace the serif destination title with a modern geometric sans-serif.
- Do not omit the heart action button; it balances the asymmetrical width of the 'Explore' CTA.

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.