Soft Glassmorphism Mobile UI

Reference image

Soft Glassmorphism Mobile UI

Prompt

Style Reference：Create a modern, minimalist user interface design with a clean, soft aesthetic. The visual style blends flat design with subtle 3D depth, using smooth, rounded corners and gentle drop shadows to create a tactile, elevated feel against neutral, light gray backgrounds. Employ a cool, professional color palette dominated by crisp whites and soft gradients of light blue, lavender, and pale pink, punctuated by strategic pops of high-saturation accent colors like cyan, purple, lime green, and coral red for data visualization and interactive elements. Lighting is soft, diffused, and even, suggesting a top-left source that casts subtle shadows without harsh contrasts, enhancing the smooth, matte digital surfaces. The composition is balanced and centered, with clear visual hierarchy established through typography—using modern sans-serif fonts in bold black for primary information and lighter grays for supporting text. Shape language is consistently geometric with pill-shaped containers, circular avatars, and icons rendered in thin, clean lines. The overall atmosphere is calm, efficient, and user-friendly, conveying a sense of clarity and modern digital elegance suitable for applications like fitness tracking, weather dashboards, music players, financial apps, or reading interfaces.

How to use this Moodbook

In moodbook.ai

When adding reference images in moodbook.ai, select this Moodbook — the system will automatically submit the reference image and prompt to the model.

Other scenarios

Submit the Moodbook reference image, the content you want to create, and the Moodbook prompt to your image model together.

This image showcases a sleek, modern financial dashboard interface, likely for a mobile application, presented against a soft, neutral gray background that makes the central white card element stand out. The visual aesthetic is a refined blend of 3D and flat design, characterized by a clean, minimalist style with smooth, rounded corners and a sense of depth created by subtle shadows and gradients. The dominant color palette is cool and professional, featuring crisp whites, soft lavender and light blue gradients in the background and card sections, accented by vibrant pops of cyan, purple, and deep blue in the icons and data visualization elements. The lighting is soft and diffused, appearing to emanate from the top left, casting gentle shadows that give the UI elements a tactile, slightly elevated feel. Text is clearly legible throughout, using a modern, sans-serif font; key figures like 'Total Net Worth', the date 'November 17, 2025', and the large amount '$214,831' are prominently displayed in bold black, while supporting text like 'Bonds 30% allocation' and labels like 'Home' and 'Analyze' are in smaller, lighter gray or colored fonts, establishing a clear visual hierarchy. The composition is centered and balanced, with the main card occupying the middle ground, framed by ample negative space. Shape language is predominantly geometric with softened, pill-shaped containers and circular elements, such as the avatar and the donut chart, creating a friendly and approachable feel. The overall mood is one of clarity, efficiency, and calm financial control, with a clean, high-tech atmosphere.

This image showcases a sleek, modern financial dashboard interface, likely for a mobile application, presented against a soft, neutral gray background that makes the central white card element stand out. The visual aesthetic is a refined blend of 3D and flat design, characterized by a clean, minimalist style with smooth, rounded corners and a sense of depth created by subtle shadows and gradients. The dominant color palette is cool and professional, featuring crisp whites, soft lavender and light blue gradients in the background and card sections, accented by vibrant pops of cyan, purple, and deep blue in the icons and data visualization elements. The lighting is soft and diffused, appearing to emanate from the top left, casting gentle shadows that give the UI elements a tactile, slightly elevated feel. Text is clearly legible throughout, using a modern, sans-serif font; key figures like 'Total Net Worth', the date 'November 17, 2025', and the large amount '$214,831' are prominently displayed in bold black, while supporting text like 'Bonds 30% allocation' and labels like 'Home' and 'Analyze' are in smaller, lighter gray or colored fonts, establishing a clear visual hierarchy. The composition is centered and balanced, with the main card occupying the middle ground, framed by ample negative space. Shape language is predominantly geometric with softened, pill-shaped containers and circular elements, such as the avatar and the donut chart, creating a friendly and approachable feel. The overall mood is one of clarity, efficiency, and calm financial control, with a clean, high-tech atmosphere.

The image showcases a minimalist, modern weather application interface presented as a rounded rectangular widget against a soft, light gray background. The main visual scene depicts a gradient sky transitioning from a vibrant cerulean blue at the top to a soft, hazy light blue near the horizon, featuring a stylized yellow sun icon with a subtle glow in the upper left and a faint, dotted white arc suggesting the sun's path. The composition is clean and balanced, with the location text "Calicut, Kerala" centered at the top alongside a small profile picture of a woman in the upper right. The primary data display features a large, bold "28°" temperature reading in white with the description "Pretty Sunny" below it, alongside the current time "11:21 AM" and date "Feb 2, 2025" positioned symmetrically along the dotted arc. Below the main sky area, two rounded white cards display environmental metrics: the left card labeled "Air Quality Index" shows "72 Moderate" with a horizontal gradient bar ranging from green to purple, and the right card labeled "Cloud Cover" shows "5% Clean" with a simple cloud icon and a small blue slider. At the bottom, a navigation bar contains four black icons—a house, a cloud with sun, a globe, and a heart—arranged horizontally, followed by a circular white button with a plus sign. The overall visual aesthetic is flat yet dimensional with soft drop shadows, using a cool color palette dominated by blues, whites, and soft yellows, conveying a calm, clear, and user-friendly digital atmosphere with smooth, anti-aliased shapes and a focus on readability.

The image showcases a minimalist, modern weather application interface presented as a rounded rectangular widget against a soft, light gray background. The main visual scene depicts a gradient sky transitioning from a vibrant cerulean blue at the top to a soft, hazy light blue near the horizon, featuring a stylized yellow sun icon with a subtle glow in the upper left and a faint, dotted white arc suggesting the sun's path. The composition is clean and balanced, with the location text "Calicut, Kerala" centered at the top alongside a small profile picture of a woman in the upper right. The primary data display features a large, bold "28°" temperature reading in white with the description "Pretty Sunny" below it, alongside the current time "11:21 AM" and date "Feb 2, 2025" positioned symmetrically along the dotted arc. Below the main sky area, two rounded white cards display environmental metrics: the left card labeled "Air Quality Index" shows "72 Moderate" with a horizontal gradient bar ranging from green to purple, and the right card labeled "Cloud Cover" shows "5% Clean" with a simple cloud icon and a small blue slider. At the bottom, a navigation bar contains four black icons—a house, a cloud with sun, a globe, and a heart—arranged horizontally, followed by a circular white button with a plus sign. The overall visual aesthetic is flat yet dimensional with soft drop shadows, using a cool color palette dominated by blues, whites, and soft yellows, conveying a calm, clear, and user-friendly digital atmosphere with smooth, anti-aliased shapes and a focus on readability.

This is a digital UI mockup of a music streaming application interface, presented as a rounded square card against a neutral light gray background. The main subject is a stylized album or playlist view for an artist named "Emily Carter," with a large square album cover on the left showing a man's profile against a bright blue sky with fluffy white clouds. The composition is centered and symmetrical, with the album art on the left, artist information and a message in the center, and playback controls on the right. The overall visual aesthetic is a clean, modern, and slightly translucent "glassmorphism" style, with soft gradients and rounded shapes. The color language is dominated by a cool, sky-blue to white gradient, with white text and icons providing high contrast. The lighting appears soft and diffused, as if emanating from the background, creating gentle highlights on the rounded UI elements. Text is clearly visible throughout the interface: the artist name "Emily Carter" in large bold white font at the top, a message below reading "Just wanted to follow up on the designs we discussed yesterday...", and album details "Album • 2013 • 16 Songs". Below this, a tracklist entry shows "Tuscan Leather" by "Drake" with a play count of "127,634,627" and a duration of "6:06". A playback bar at the bottom shows the currently playing track "Keep the family close" by "Drake" with pause and skip icons. The bottom navigation bar includes icons for "Home" (highlighted), "Search", "Library", and "Radio". The texture and material feel are smooth and digital, with a subtle sense of depth created by the translucent layers. The shape language is entirely geometric with rounded corners and circles, using consistent line weights for icons. The mood and atmosphere are calm, professional, and user-friendly, conveying a sense of digital elegance and clarity.

This is a digital UI mockup of a music streaming application interface, presented as a rounded square card against a neutral light gray background. The main subject is a stylized album or playlist view for an artist named "Emily Carter," with a large square album cover on the left showing a man's profile against a bright blue sky with fluffy white clouds. The composition is centered and symmetrical, with the album art on the left, artist information and a message in the center, and playback controls on the right. The overall visual aesthetic is a clean, modern, and slightly translucent "glassmorphism" style, with soft gradients and rounded shapes. The color language is dominated by a cool, sky-blue to white gradient, with white text and icons providing high contrast. The lighting appears soft and diffused, as if emanating from the background, creating gentle highlights on the rounded UI elements. Text is clearly visible throughout the interface: the artist name "Emily Carter" in large bold white font at the top, a message below reading "Just wanted to follow up on the designs we discussed yesterday...", and album details "Album • 2013 • 16 Songs". Below this, a tracklist entry shows "Tuscan Leather" by "Drake" with a play count of "127,634,627" and a duration of "6:06". A playback bar at the bottom shows the currently playing track "Keep the family close" by "Drake" with pause and skip icons. The bottom navigation bar includes icons for "Home" (highlighted), "Search", "Library", and "Radio". The texture and material feel are smooth and digital, with a subtle sense of depth created by the translucent layers. The shape language is entirely geometric with rounded corners and circles, using consistent line weights for icons. The mood and atmosphere are calm, professional, and user-friendly, conveying a sense of digital elegance and clarity.

The image presents a sleek, minimalist health and fitness tracking interface, likely a mobile app screen, set against a soft, off-white gradient background. The composition is centered around a large, rounded rectangular card with a subtle drop shadow, creating a layered, almost three-dimensional effect. The top portion features a greeting, 'Good Morning, Jennifer', and a prominent section titled 'Today Activity', accompanied by a circular profile picture of a young woman with dark hair in the upper right. Dominating the upper half is a clean, dark gray line graph tracking steps over a selected '1m' (one month) period, with a specific data point highlighted showing '8,911 Steps' and the date 'Wed Jan 16'. Below the graph are two rounded data cards: the left one labeled 'Steps' displays '14,212' with a bright lime green badge indicating a '14.5%' increase, while the right card, 'Active Minutes', shows '28 min' with a coral red badge noting a '0.5%' decrease. The bottom navigation bar features five icons: a house ('Home') and a bar chart ('Activity') are in active black, while an apple ('Nutrition'), a crescent moon ('Sleep'), and a central play button in a large black circle are also present. The visual aesthetic is highly modern, using flat design principles with subtle depth through soft shadows and rounded corners, rendered in a clean, illustrative style with no photorealistic textures. The color language is restrained, dominated by whites, light grays, and black for the interface, with strategic pops of high-saturation lime green and coral red for data badges to draw attention. The lighting is implied as soft and diffuse, creating a gentle, even illumination across the flat elements without harsh shadows, contributing to a calm and focused mood. The texture feels smooth and digital, mimicking glass or polished plastic surfaces with no tactile grain. Compositionally, it uses a clear, grid-based spatial arrangement with centered elements and balanced weight between the graph and data cards, employing a shallow depth of field effect where the background gradient is slightly blurred. Shape language combines organic, rounded rectangles and circles with crisp, thin lines for icons and the graph, maintaining consistent line weight. The overall mood is efficient, clean, and encouraging, conveying a sense of organized personal wellness tracking.

The image presents a sleek, minimalist health and fitness tracking interface, likely a mobile app screen, set against a soft, off-white gradient background. The composition is centered around a large, rounded rectangular card with a subtle drop shadow, creating a layered, almost three-dimensional effect. The top portion features a greeting, 'Good Morning, Jennifer', and a prominent section titled 'Today Activity', accompanied by a circular profile picture of a young woman with dark hair in the upper right. Dominating the upper half is a clean, dark gray line graph tracking steps over a selected '1m' (one month) period, with a specific data point highlighted showing '8,911 Steps' and the date 'Wed Jan 16'. Below the graph are two rounded data cards: the left one labeled 'Steps' displays '14,212' with a bright lime green badge indicating a '14.5%' increase, while the right card, 'Active Minutes', shows '28 min' with a coral red badge noting a '0.5%' decrease. The bottom navigation bar features five icons: a house ('Home') and a bar chart ('Activity') are in active black, while an apple ('Nutrition'), a crescent moon ('Sleep'), and a central play button in a large black circle are also present. The visual aesthetic is highly modern, using flat design principles with subtle depth through soft shadows and rounded corners, rendered in a clean, illustrative style with no photorealistic textures. The color language is restrained, dominated by whites, light grays, and black for the interface, with strategic pops of high-saturation lime green and coral red for data badges to draw attention. The lighting is implied as soft and diffuse, creating a gentle, even illumination across the flat elements without harsh shadows, contributing to a calm and focused mood. The texture feels smooth and digital, mimicking glass or polished plastic surfaces with no tactile grain. Compositionally, it uses a clear, grid-based spatial arrangement with centered elements and balanced weight between the graph and data cards, employing a shallow depth of field effect where the background gradient is slightly blurred. Shape language combines organic, rounded rectangles and circles with crisp, thin lines for icons and the graph, maintaining consistent line weight. The overall mood is efficient, clean, and encouraging, conveying a sense of organized personal wellness tracking.

The image presents a clean, minimalist user interface for a health tracking application, rendered in a soft, 3D-styled aesthetic with subtle depth. The central subject is a rounded rectangular card with a pale pink and white gradient background, featuring a heart rate monitoring dashboard. A circular avatar of a woman appears in the top left, while a pink heart icon and an upload icon occupy the top corners. The core visual element is a large, bold '99 BPM' reading, with a dynamic line graph below tracking heart rate fluctuations over time, marked with time intervals like '1d', '1w', and '1m'. At the bottom, a navigation bar includes icons for 'Heart', 'Weight', 'Health', and 'Visit', centered around a prominent, glossy pink circular button with a white plus sign. The text throughout is in English, using clean sans-serif fonts; it includes a greeting 'Good Morning, Jennifer', the heart rate reading, graph labels, and navigation labels, all serving to guide user interaction and display health metrics. The visual aesthetic is modern and soft, utilizing a pastel-dominated color language with soft pinks, whites, and light grays, creating a gentle contrast with black text and icons. Lighting is diffused and even, suggesting a studio-like softbox setup with minimal shadows, enhancing the smooth, matte surfaces and the glossy, plastic-like texture of the central button. Compositionally, the layout is symmetrical and centered, with a clear hierarchy leading the eye from the greeting to the heart rate and then to the interactive bottom bar, using depth cues like soft drop shadows to separate elements from the background. Shape language combines rounded rectangles and circles for a friendly, organic feel, with precise, thin line weights for icons. The overall mood is calm, reassuring, and approachable, conveying a sense of modern wellness and intuitive care.

The image presents a clean, minimalist user interface for a health tracking application, rendered in a soft, 3D-styled aesthetic with subtle depth. The central subject is a rounded rectangular card with a pale pink and white gradient background, featuring a heart rate monitoring dashboard. A circular avatar of a woman appears in the top left, while a pink heart icon and an upload icon occupy the top corners. The core visual element is a large, bold '99 BPM' reading, with a dynamic line graph below tracking heart rate fluctuations over time, marked with time intervals like '1d', '1w', and '1m'. At the bottom, a navigation bar includes icons for 'Heart', 'Weight', 'Health', and 'Visit', centered around a prominent, glossy pink circular button with a white plus sign. The text throughout is in English, using clean sans-serif fonts; it includes a greeting 'Good Morning, Jennifer', the heart rate reading, graph labels, and navigation labels, all serving to guide user interaction and display health metrics. The visual aesthetic is modern and soft, utilizing a pastel-dominated color language with soft pinks, whites, and light grays, creating a gentle contrast with black text and icons. Lighting is diffused and even, suggesting a studio-like softbox setup with minimal shadows, enhancing the smooth, matte surfaces and the glossy, plastic-like texture of the central button. Compositionally, the layout is symmetrical and centered, with a clear hierarchy leading the eye from the greeting to the heart rate and then to the interactive bottom bar, using depth cues like soft drop shadows to separate elements from the background. Shape language combines rounded rectangles and circles for a friendly, organic feel, with precise, thin line weights for icons. The overall mood is calm, reassuring, and approachable, conveying a sense of modern wellness and intuitive care.

This is a flat, illustrative UI design for a mobile reading app, presented as a rounded rectangular card with a soft, off-white background and subtle drop shadow. The top section features a circular user avatar with a woman's portrait on the left, followed by the greeting text "Welcome Jennifer 👋" in a small, light gray sans-serif font, and the main heading "Discover books" in a larger, bold, black sans-serif font below it. To the right, a circular menu button contains a 3x3 grid of small black dots. Below this header, three primary category buttons are arranged horizontally: "Story Books" with a black book icon, "Learning" with a black graduation cap icon, and "Explore" with a black compass icon, all in rounded white rectangles with light gray icons and black text. The central section displays a horizontal row of four book cover thumbnails: "The Design of Books" by Debbie Berne with a bright orange cover and white typography; "The Ghost Ship" by Kate Mosse with a dark blue, intricate, textured cover; "The Da Vinci Code" by Dan Brown with a dark red cover and a figure in a hooded robe; and "Waltz into the Shadows" by Estelle Darcy with a dark green forest scene cover. Beneath each cover, the author's name and a reading progress percentage (e.g., "93%", "38%") are shown in a small, gray sans-serif font. The bottom section contains a horizontal navigation bar with rounded ends, housing four outlined icons: a filled black house icon labeled "Home" (active state), an open book icon, a book with a line icon, and a magnifying glass search icon. To the right of the navigation bar sits a large, circular, gradient orange-yellow button with a white plus sign in the center. The overall visual aesthetic is clean, modern, and user-friendly with a flat design style, using a high-contrast palette of white, black, and gray punctuated by the saturated colors of the book covers and the orange button. Lighting is implied through soft, even illumination with no harsh shadows, creating a bright and inviting mood. Text is rendered in clear, sans-serif typefaces throughout, serving functional labeling and navigation purposes.

This is a flat, illustrative UI design for a mobile reading app, presented as a rounded rectangular card with a soft, off-white background and subtle drop shadow. The top section features a circular user avatar with a woman's portrait on the left, followed by the greeting text "Welcome Jennifer 👋" in a small, light gray sans-serif font, and the main heading "Discover books" in a larger, bold, black sans-serif font below it. To the right, a circular menu button contains a 3x3 grid of small black dots. Below this header, three primary category buttons are arranged horizontally: "Story Books" with a black book icon, "Learning" with a black graduation cap icon, and "Explore" with a black compass icon, all in rounded white rectangles with light gray icons and black text. The central section displays a horizontal row of four book cover thumbnails: "The Design of Books" by Debbie Berne with a bright orange cover and white typography; "The Ghost Ship" by Kate Mosse with a dark blue, intricate, textured cover; "The Da Vinci Code" by Dan Brown with a dark red cover and a figure in a hooded robe; and "Waltz into the Shadows" by Estelle Darcy with a dark green forest scene cover. Beneath each cover, the author's name and a reading progress percentage (e.g., "93%", "38%") are shown in a small, gray sans-serif font. The bottom section contains a horizontal navigation bar with rounded ends, housing four outlined icons: a filled black house icon labeled "Home" (active state), an open book icon, a book with a line icon, and a magnifying glass search icon. To the right of the navigation bar sits a large, circular, gradient orange-yellow button with a white plus sign in the center. The overall visual aesthetic is clean, modern, and user-friendly with a flat design style, using a high-contrast palette of white, black, and gray punctuated by the saturated colors of the book covers and the orange button. Lighting is implied through soft, even illumination with no harsh shadows, creating a bright and inviting mood. Text is rendered in clear, sans-serif typefaces throughout, serving functional labeling and navigation purposes.