Prompt gallery · GPT Image 2.5

GPT Image 2.5 Prompts

Explore image examples and design references by category to find your next prompt.

Your prompt, settings and attachments open in the toolbox for review before generation.

Model
Aspect ratio
Resolution
Showing 72 of 3390
Astral Deep Tech
Pricing & calls to actionDesign reference

Astral Deep Tech

This design orchestrates a high-contrast split between a deep space hero/CTA section and an immaculate, structured white corporate footer. The top canvas sits in near-absolute black (#040405) illuminated by a volumetric, particle-rendered nebula vortex transitioning from crimson red (#ea4335) to celestial white. Typography in the CTA relies on a clean, humanist grotesque rendered at high scale (approx. 48px) with crisp white (#ffffff) and muted zinc (#94a3b8) body text. The transition to the footer is razor-sharp with no blend, dropping immediately onto an off-white canvas (#fafafa) mapped with subtle 1px border lines (#e2e8f0). The primary action is anchored by a coral-red filled pill-cornered button (#f24e42, 6px radius) paired with a clean text link. A reader first perceives the vast, organic gravitational pull of the particle swirl before grounding in the ultra-organized multi-column directory below.

@DevaultView prompt
Astral Editorial
Hero sections & backgroundsDesign reference

Astral Editorial

The canvas is built on a clean, luminous white surface (#FFFFFF) framed by an intricate algorithmic background of swirling pointillist stipple rings shifting from cyan to deep violet. Colour acts strictly as semantic hierarchy: deep midnight navy (#0F172A) commands high-authority typography, royal blue (#2555FF) designates primary action states, and a lavender-indigo gradient tints the italicized display line. Spacing is airy and vertically disciplined, centering copy above a heavy obsidian developer console card (#181B2E, radius 16px). Secondary trust indicators and ghost buttons rely on crisp 1px borders (#D0D5DD) with an 8px radius. A reader first perceives the dramatic contrast between the classical high-contrast serif headline (68px) and the technological cosmic dot-matrix artwork framing the composition.

@DevaultView prompt
Astral EdTech
Pricing & calls to actionDesign reference

Astral EdTech

This layout pairs a high-contrast dark navy master canvas (#090D16) with an elevated deep cobalt rounded banner card (#0B132B to #101B3B) featuring radial atmospheric glows. Typography is clean and humanist sans-serif, using white (#FFFFFF) for primary impact, soft lavender-purple (#A29BFE) for selective gradient emphasis in display copy, and muted slate-gray (#94A3B8) for secondary structure. Floating functional nodes (JSON snippet cards, pastel-tinted icon rounded-rectangles) frame the central call to action via subtle dashed pathways. Spacing uses a comfortable rhythm with a prominent 24px corner radius on the primary CTA container, 10px on interactive buttons, and 999px pill badges. The eye is pulled straight to the centered headline before naturally descending across the trust proof points into a clean 5-column navigation footer.

@DevaultView prompt
Astral Engine
Hero sections & backgroundsDesign reference

Astral Engine

The interface operates on a deep void canvas (#060919) dominated by a swirling, multi-tonal cosmic particle vortex that loops from solar peach (#FED7AA) to electric cyan (#38BDF8). Color functions primarily as luminescence against extreme darkness, reserving radiant gradient fills for interactive focal points and status indicators. Type is structured through a clean, geometric neo-grotesque font, contrasting a heavy 56px white display heading against subdued 15px slate body copy (#8FA2BD). Structural containers utilize soft glassmorphic panels bounded by 1px translucent borders (rgba(255, 255, 255, 0.12)) and generous 16px to 20px radii. A user immediately perceives the luminous tunnel perspective, which guides the eye diagonally from the top-right starfield directly into the primary call-to-action.

@DevaultView prompt
Astral Foresight
Pricing & calls to actionDesign reference

Astral Foresight

This interface pairs an expansive high-altitude CTA banner with a structured enterprise footer on an inky palette of deep navy-black (#040914 to #02050b). Color creates strict functional hierarchy: a luminous indigo-to-purple gradient (#5856d6 to #7b61ff) commands primary action, while muted steel blues (#7a8a9e) and ghost whites (#f1f5f9) handle textual communication. The typography is cleanly geometric, relying on a humanist neo-grotesque with broad letterspacing on all-caps strategic labels and tight negative tracking on high-impact display headlines (observed around 44px). The CTA band integrates subtle topological/cartographic contour lines faded into the background, balancing military-grade seriousness with cutting-edge analytical software styling. Discrete 8px-radiused inputs, glossy outlined buttons, and understated horizontal hairline dividers (#0f1d33) structure the visual grid across a 1280px span.

@DevaultView prompt
Astral Frontier
Hero sections & backgroundsDesign reference

Astral Frontier

This interface uses a deep space celestial illustration as a full-bleed viewport backdrop, framing an atmospheric transition from deep violet-indigo (#181528) on the left to fiery solar plasma (#F07C52 and #FDC58E) on the right. Content is deliberately weighted on the darker left hemisphere, ensuring crisp readability of white and off-white typography against high-contrast void space. Type relies on a clean, geometric grotesque sans-serif with a massive 72px display headline and generous line heights. Accents and buttons echo the cosmic dawn using subtle sunset gradients with rounded pill silhouettes (radius: 999px). A subtle divider line and an array of metric statistics anchor the lower-left corner, providing tangible credibility beneath the expansive cosmic aesthetic.

@DevaultView prompt
Astral Frontier
Hero sections & backgroundsDesign reference

Astral Frontier

A deep-space cinematic hero layout built on a near-black cosmic backdrop (#060814) featuring a hyper-detailed luminous nebula sweeping diagonally from right to center. Typography is razor-sharp and geometric, led by an oversized headline rendered in a horizontal linear gradient spanning soft coral pink (#F7A8B8) to electric cyan (#64D2EC). The interface balances ethereal space illustration with ultra-clean technical SaaS controls, using translucent pill borders and delicate 1px rule dividers. A lower 4-column metric bar anchors the layout, isolated by an illuminated horizontal hairline rule with soft radiant end-dots. High-contrast white and muted slate text (#94A3B8) ensure legibility despite the complex stellar imagery behind it.

@DevaultView prompt
Astral Halftone
Hero sections & backgroundsDesign reference

Astral Halftone

The interface operates on a pristine #fcfcfd canvas dominated by a dual-rhythm: dense technical typography on the left and dynamic dithered halftone astronomy artwork on the right. Color is applied with surgical restraint, using deep obsidian #0b0f19 for high-contrast typography while reserving a vibrant electric blue #1b59f5 and violet gradient for interactive triggers and focal headlines. The primary headline scales to roughly 64px with tight tracking and a gradient fill on its climactic line. Content structures utilize generous 20px card border radii with gossamer-thin 1px borders (#eaecf0) and soft 24px blurred drop shadows. Floating overlay elements like the query interface bridge the gap between pure illustration and tangible product capability. The viewer immediately registers the tension between classic mid-century screen-printed dot textures and modern enterprise SaaS clarity.

@DevaultView prompt
Astral Halftone
Hero sections & backgroundsDesign reference

Astral Halftone

Set against an impenetrable deep space canvas of #060913, the interface balances ultra-refined geometric typography with an explosive pointillist planetary illustration. Color functions as both cosmic illumination and primary hierarchy: pure white (#ffffff) commands initial reading, transitioning seamlessly into a dual-stop coral-to-cyan gradient on the terminal headline line and primary CTA. The layout uses a strict asymmetrical split where the left 45% anchors the editorial and metric stack, while the right 55% surrenders entirely to a dithered celestial flare rendered in 2px RGB particle dots. Micro-elements, including 4px status dots and wireframe iconography, create an observatory or aerospace telemetry feel. Components employ restrained radii of 8px to 10px on interactive elements, avoiding modern generic hyper-rounded pills.

@DevaultView prompt
Astral Horizon
Pricing & calls to actionDesign reference

Astral Horizon

A high-conversion SaaS dark mode composed on an ultra-deep midnight blue canvas (#060B13). The layout bridges a centered call-to-action hero with a multi-column enterprise footer. A dramatic celestial arc composed of luminous cyan-blue and red-coral stipple points sweeps dynamically across the right quadrant, creating atmospheric depth without muddying readability. Typography relies on a clean, geometric grotesque typeface rendered in crisp white (#FFFFFF) for the primary headline and muted steel slate (#8C9BAE) for secondary copy and metadata. Interactive focus is strictly controlled via a signature warm coral-red pill button (#E05A47), which provides precise visual tension against the deep cosmic background. Structural separation between the CTA canvas and footer is achieved with a whisper-thin translucent hairline border (#162232).

@DevaultView prompt
Astral Horizon
Pricing & calls to actionDesign reference

Astral Horizon

The layout is built on a near-black canvas (#07090e) bisected by a vibrant horizontal ambient light glow that shifts from soft purple (#6c35de) on the left to intense cyan (#00a6ff) on the right. This diffuse horizon separates the centered high-impact call-to-action block from the structured five-column footer and embedded newsletter card below. Pure white (#ffffff) anchors display typography, while the word 'Lance' in the main headline receives a soft gradient highlight (#60a5fa to #93c5fd). Spacing is disciplined and generous, featuring an 8px pill badge above a bold ~44px display header, balanced by twin action buttons. The footer employs structured columns with subtle 14px link typography in muted silver (#9ca3af) and #64748b, complemented by a rounded 16px newsletter subscription card with a dark inset input field and bright primary action button (#2563eb).

@DevaultView prompt
Astral Horizon
Hero sections & backgroundsDesign reference

Astral Horizon

Set against an atmospheric deep cosmic navy canvas (#070a18), this hero interface relies on a breathtaking 3D particle vortex to establish a sense of infinite educational potential. Hierarchy is strictly governed by luminescence rather than structural container boxes: primary text shines in crisp #ffffff, tertiary descriptions sit in a muted desaturated slate (#8b9bb4), and active calls-to-action glow with a soft lavender-to-periwinkle gradient (#7b7fed to #b89bfb). Typography is set in a delicate, light-weight modern sans-serif with display sizes around 60px using generous line heights of 1.15 to avoid competing with the rich background visuals. Pill-shaped geometry dominates interactive controls with fully rounded 999px border radii seen on buttons and eyebrow tags. An observer immediately registers the dynamic scale contrast between the monumental celestial vortex and the minute silhouette of a human figure standing at the base.

@DevaultView prompt
Astral Horizon
Hero sections & backgroundsDesign reference

Astral Horizon

The interface is cast upon an infinite void canvas anchored by deep midnight navy #040814, immediately directing attention toward a bioluminescent human figure perched on a rugged cliff. Color acts primarily as narrative illumination: high-energy cyan-to-violet linear gradients (#0284c7 to #8b5cf6) power interactive controls, while a warm solar amber #e59f6b highlights the headline's pivotal phrase 'Go further.' Typography relies on an airy, humanist grotesque set with generous line heights, scaling up to an imposing 68px display heading down to 11px uppercase tracking. Layout structure maintains an asymmetric left-aligned cognitive stack balanced against sweeping stellar dust trails curving upward to the upper-right corner. Interactive elements strictly honor pill geometry (9999px radii) with zero box shadows, relying purely on ambient glow and high-contrast foreground typography. A viewer first registers the radiant convergence of gold and cyan particle streams before settling on the crisp headline and glowing CTA.

@DevaultView prompt
Astral Horizon
Hero sections & backgroundsDesign reference

Astral Horizon

Built directly on a painted panoramic artwork, this interface treats the deep teal (#071426) and luminous magenta-violet (#d270a6) celestial landscape as its natural canvas. Color dictates content hierarchy rather than layout scaffolding: primary headlines span from crisp white (#ffffff) to a soft nebula rose (#dda0dd), anchoring the eye against sweeping cosmic brushstrokes. Typographic elements are set in a slender, elegant geometric sans-serif that lets the vivid visual artwork breathe without competing for visual weight. Interactive components adopt rounded pill silhouettes (radius: 999px) with translucent glassmorphic borders and delicate pastel gradients spanning warm sand (#f5c7a9) to seafoam teal (#5fbda0). The viewer is immediately struck by the solitary traveler poised on the crystalline ridge at the right, which creates a powerful visual counterbalance to the left-aligned hero copy.

@DevaultView prompt
Astral Horizon
Hero sections & backgroundsDesign reference

Astral Horizon

The canvas is immersed in a deep oceanic abyss (#07151e) dominated by a high-resolution celestial vortex swirling in coral-orange (#ef755a) and bioluminescent cyan (#38c2bf). Visual hierarchy is split cleanly between atmospheric visual weight on the right and crisp typographic utility docked on the left. High-contrast typography in crisp white (#ffffff) and muted slate (#8fa8b4) ensures extreme legibility despite the complex particle field. Color acts deliberately as a functional signal: the warm coral is reserved strictly for the brand icon, primary action pills, and the core energy glow. Interactive targets use fully rounded pill geometries with 999px border-radii, including the glassmorphic social proof chip floating at the bottom left with a subtle 1px border. The design reads first as a monumental cosmic spectacle before resolving smoothly into disciplined SaaS onboarding.

@DevaultView prompt
Astral Horizon
Hero sections & backgroundsDesign reference

Astral Horizon

This immersive hero canvas merges atmospheric deep-space obsidian (#080811) with a brilliant solar accretion vortex radiating rich amber (#fba742) and incandescent orange (#f97316). Typography is dominated by an authoritative display grotesque headline set at roughly 72px with tight negative tracking, reserving luminous amber exclusively for the punchy final word 'limits'. Interface elements exist strictly on pill geometries (radii 999px) with ultra-subtle 1px glassmorphic borders that let the background nebula particles bleed through. Color functions strictly as semantic hierarchy: off-white (#f4ede4) commands the eye for display headers, radiant amber signifies focal interaction points, and muted lavender-tinted slate (#9496a8) softens secondary descriptive text. The layout balances a compact left-aligned conversion block against a high-contrast cinematic silhouette seated on a bioluminescent mountain ledge.

@DevaultView prompt
Astral Horizon
Hero sections & backgroundsDesign reference

Astral Horizon

The canvas is an immersive, panoramic cosmic illustration anchored by deep teal-cyan (#113847) atmospheres and incandescent coral-amber (#e77356) swirling nebulae. Typography is disciplined and ethereal, set in pure white (#ffffff) with delicate 300-400 weight sans-serif glyphs that cut cleanly against the darker sky quadrants. Interactive CTAs utilize a distinctive horizontal split-gradient pill capsule shifting from warm coral into translucent oceanic teal with 999px border-radius. Frosted glass containers (rgba(255, 255, 255, 0.05)) with razor-thin borders (rgba(255, 255, 255, 0.12)) isolate social proof metrics along the lower perimeter without obscuring the background landscape. The immediate focal draw is the solitary silhouette overlooking a spiraling vortex of particle light, counterbalanced by generous 64px display typography on the left.

@DevaultView prompt
Astral Horizon
Hero sections & backgroundsDesign reference

Astral Horizon

A high-concept educational landing hero built on a near-black cosmic backdrop (#060814) populated by a pointillist galaxy of bioluminescent cyan, magenta, and solar particle fields. Visual weight is sharply split between the assertive, left-aligned typographic stack and an evocative right-hand illustration of a young learner bathed in an swirling celestial vortex. Color operates primarily as focused luminosity: interactive elements draw immediate focus via vibrant cyan fills (#22D3EE) with diffuse glow shadows, while headlines employ a subtle horizontal gradient transitioning from crisp white (#FFFFFF) through soft lavender (#C4B5FD) into coral rose (#FB7185). Structural layout relies on generous breathing room with 999px pill radii establishing a friendly, approachable contrast to the vast scale of space. Micro-elements like the 32px overlapping avatar stack and glowing stat callouts ground the speculative aesthetic in concrete social proof.

@DevaultView prompt
Astral Infrastructure
Hero sections & backgroundsDesign reference

Astral Infrastructure

This interface pairs high-scale enterprise cloud infrastructure messaging with a breathtaking cinematic sci-fi matte painting backdrop. The base canvas is grounded in near-black cosmic space (#060913) transitioning via dramatic volumetric lighting into solar golds and particle nebulae. Visual hierarchy relies heavily on a crisp white sans-serif headline (#FFFFFF) with a distinctive chromatic split in the secondary phrase ('you can trust') fading from peach to mint green. Glassmorphism is restrained: subtle translucent pills with 1px frosted borders (#FFFFFF1A) anchor the status banner, buttons, and navigation. Spacing adheres to an airy 8px-based layout with a 1280px container, prioritizing vast negative space on the left to let the cosmic landscape on the right breathe. The overall composition balances serious B2B credibility with awe-inspiring cinematic depth.

@DevaultView prompt
Astral Luminary
Hero sections & backgroundsDesign reference

Astral Luminary

The canvas is a profound deep cosmic navy (#080d1a to #0b1220) enveloped on the right side by an organic, radiant particle wave of swirling bioluminescent cyan, magenta, and solar amber threads. Text hierarchy relies on clean editorial contrast, juxtaposing an expressive modern high-contrast serif display headline with understated sans-serif metadata. Accent lighting is echoed directly within interface controls through smooth horizontal gradient fills ranging from mint cyan (#82ebdc) to pastel violet (#e5a4d6). Left-aligned hero typography occupies the quiet vacuum of space while social proof metrics sit neatly along a segmented baseline below. The overall structure maintains an airy, open layout with generous negative space allowing the celestial illustration to serve as the dominant emotional hook.

@DevaultView prompt
Astral Nebula
Hero sections & backgroundsDesign reference

Astral Nebula

This design sets an atmospheric sci-fi tone against a deep void canvas (#070512) illuminated by magenta nebula clouds and a swirling cyan-purple galactic vortex. High visual hierarchy is established through a left-aligned editorial stack paired with full-bleed celestial rendering on the right and bottom. Text colour drives cognition: crisp white (#ffffff) for primary headlines transitioning to an inline neon pink-purple gradient, paired with muted periwinkle (#9da3be) for body copy. Geometry is defined by sleek pill buttons with 999px radii and gossamer-thin orbital trajectory strokes (1px, 15-30% opacity white) adorned with precise node circles. Micro-details like dot matrices and overlapping user avatar rings (28px) anchor the human proof against cosmic scale.

@DevaultView prompt
Astral Nebula Core
Hero sections & backgroundsDesign reference

Astral Nebula Core

The canvas rests on a deep void background (#060814) framed by a dense, swirling elliptical particle vortex that blends neon cyan (#22d3ee), emerald mint (#34d399), and cosmic violet (#c084fc). Color functions dualistically: high-energy spectral gradients drive visual intrigue around the periphery, while typography inside the eye remains restrained in pure white (#ffffff) and muted slate (#94a3b8) for clarity. Text hierarchy anchors around a bold 56px headline featuring a delicate multi-stop horizontal gradient from white to soft celadon. Structural shapes emphasize full-round pill buttons (border-radius 9999px) alongside glassy rounded-square containers (radius 12px) for utility widgets and feature tiles. Floating geometric wireframe motifs (isometric cubes, rings, and crosshairs) lend technical precision to the otherwise organic cosmic dust. A reader immediately notices the glowing orbital ring framing the central copy block before dropping down to the interactive CLI snippet.

@DevaultView prompt
Astral Nebular
Hero sections & backgroundsDesign reference

Astral Nebular

The interface is set against a deep cosmic canvas (#060913 to #0c1222) defined by a massive swirling nebula and a solitary silhouette atop a rugged crag. High-contrast typography sits exclusively within the left void to maintain effortless legibility against the dark cosmic dust. Chromatic iridescence is treated as a high-value signal, appearing across the eight-point star logo, the primary pill button (#c2daf8 to #e9c8e8), and subtle spectral highlights on headline glyphs. Frosted glass containers (border-radius: 999px, rgba(255,255,255,0.08) fill with 1px translucent stroke) anchor both utility and navigation without competing with the vast backdrop. The typographic hierarchy pairs an airy, lightweight geometric sans-serif heading at approximately 72px with refined subtext at 18px and micro-feature labels at 12px. Spacing is expansive, distributing visual mass between dense left-aligned text modules and the dramatic sweeping landscape on the right.

@DevaultView prompt
Astral Nexus
Hero sections & backgroundsDesign reference

Astral Nexus

The canvas is anchored in an abyss-black void (#060814) that seamlessly dissolves into a high-saturation cosmic singularity glowing with cyan (#00D2FF) and incandescent coral (#FF5757). Visual hierarchy relies strictly on restrained typography against this luminous backdrop; high-contrast white text dominates the left half while speculative 3D glass HUD panels frame the right. Color acts as an emotional beacon—specifically the warm coral gradient highlighting the verb 'Create' and filling the primary pill button. The layout relies on ultra-rounded pill geometries (radius: 999px) for interactive elements, balanced against razor-thin 1px translucent borders (rgba(255, 255, 255, 0.18)). A reader immediately locks onto the solitary silhouette seated before the cosmic vortex before scanning the stark 56px display headline and bottom metric array.

@DevaultView prompt
Astral Portal
Hero sections & backgroundsDesign reference

Astral Portal

This layout uses a breathtaking 360-degree particle vortex as its organizing hero element, transitioning from deep cosmic indigo (#15132d) at the outer margins into a glowing, dawn-tinted turquoise clearing (#c2e5e7) at the dead center. Instead of typical dark-mode conventions, text contrast is inverted by placing deep navy serif headlines (#182c38) directly inside the illuminated sky aperture, while navigation and bottom dock components rely on white type (#ffffff) over dark nebulae. Spacing is expansive and cinematic, framing content within an airy central ring. Interactive elements are shaped strictly as high-radius rounded rectangles (24px) or full pills (999px). A visitor notices first the sweeping kinetic trajectory of golden stardust and neon cyan rings looping across the horizon, creating an unmistakable focal funnel toward the primary value proposition.

@DevaultView prompt
Astral Portal
Hero sections & backgroundsDesign reference

Astral Portal

This hero viewport leverages a cinematic deep space canvas anchored by midnight indigo (#080c24) transitioning into vivid magenta-rose highlights. The composition is strictly split: an asymmetrical typographic lockup sits in high-contrast optical negative space on the left, while a swirling gravitational vortex and silhouette figure command the right. Typography is crisp and geometric, pairing an oversized display title (~58px) with subtle tinted violet body text. Buttons and badges use frosted glass translucent treatments (rgba border 1px) and vibrant horizontal gradient fills (from #f0627e to #6d5dfc). A metrics ribbon along the bottom left provides empirical grounding through 28px statistical counters divided by razor-thin vertical rules (1px rgba).

@DevaultView prompt
Astral Precision
Web designDesign reference

Astral Precision

The canvas is built on a soft cool-tinted light gray surface (#F4F7FB) paired with pristine pure white card containers (#FFFFFF) rounded to 16px. Color is applied with surgical restraint: while data visualizations and category chips employ a multi-hue cosmic palette (cobalt, violet, emerald, amber, and coral), structural UI remains monochrome and whisper-light. The standout visual anchor is a midnight-indigo illustrated viewport banner (#0C1A40) that establishes the stargazing context without overwhelming the clean metric grid. Typography relies on a neutral modern sans-serif with crisp numeric tabular figures, high-contrast dark slate headers (#0F172A), and muted steel labels (#64748B). Subtle hairline dividers (#EDF2F7) and gentle border-stroke containment replace heavy drop shadows throughout. A visitor immediately registers the balance between an immersive amateur-astronomy aesthetic and high-density productivity dashboard software.

@DevaultView prompt
Astral Precision
Hero sections & backgroundsDesign reference

Astral Precision

The interface establishes a striking dual canvas: a warm cream editorial surface (#F8F4EE) on the left that transitions into a cinematic deep blue swirling galaxy vortex on the right, capped at the bottom by an arched dark charcoal footer (#161A1D). High-contrast deep slate text (#15181E) anchors the typography, with a distinct terracotta accent (#C84B31) reserved for the emotional pivot word 'safely' and the kicker eyebrow badge. On the right, an interactive dark glass code terminal with subtle 1px border (#2A3342) floats above the cosmic nebula. The lower section features a gently arched horizon divider that seamlessly introduces dark-mode metrics and social proof. Noticeable at first glance is the bold 64px display headline juxtaposed against the complex planetary vortex and the glowing status pills.

@DevaultView prompt
Astral Runtime
Hero sections & backgroundsDesign reference

Astral Runtime

The interface is set against a hyper-detailed deep space nebula canvas (#070d18) that flows from a cold midnight blue on the left into an energetic vortex of cyan, magenta (#b05cdb), and incandescent stellar gold (#ffcfb0) on the right. Hierarchy relies on absolute luminance contrast: pristine white (#ffffff) anchors display headings and icons, while descriptive body text is held at a disciplined slate (#8d99ae). A dual-tone gradient in the primary CTA button introduces an ethereal, pearlescent surface that directly mirrors the galactic lighting. Structural framing avoids heavy bounding boxes; instead, components float effortlessly, tethered only by delicate 1px hairline dividers (#ffffff18) and high-radius pill containers (999px). An observer immediately registers the dynamic balance between organic, explosive astronomical imagery and crisp, mathematical layout rhythm.

@DevaultView prompt
Astral Serenity
Hero sections & backgroundsDesign reference

Astral Serenity

The canvas is dominated by an expansive deep indigo and midnight navy cosmic background (#0d153a to #12102e) traversed by a swirling nebula of warm peach and amber light dust. Color hierarchy strictly separates navigational/supportive elements (translucent whites and deep blues) from high-intent call-to-action elements which utilize a distinct gradient from coral peach (#ea7564) to lavender purple (#7b68ee). Typography leans on an elegant transitional serif with high contrast for the display statement, while clean modern grotesque sans-serif handles UI elements, badges, and long-form body copy. Spacing adheres to generous padding (around 80px to 120px vertical sections) with fully rounded 999px pill shapes for buttons and a soft 24px corner radius for the floating interface card. A reader first notices the contrast between the dramatic dark cosmic vortex and the crisp, clean translucent white conversational widget floating on the right side.

@DevaultView prompt
Astral Signal
Hero sections & backgroundsDesign reference

Astral Signal

The canvas is anchored by a midnight navy void (#030B1E) that opens on the right into a dynamic vortex of luminous stardust shifting through cyan (#13D8A2), emerald, and ultraviolet (#6B3CE9) around a blazing amber core (#F9CA7A). Color behaves strictly as luminescent energy: warm marigold (#F6BC65) designates points of conversion and entry, while ethereal blues and violets tint the glassmorphic card foundations. The typography pairs an elegant, high-contrast serif for the massive display heading with clean, neutral sans-serif for functional UI and metadata. Cards and interactive targets feature generous pill radii (999px for buttons) and soft rounded rectangles (16px radii) draped in translucent gradients with faint 1px borders. What a reader notices first is the dramatic celestial swirl pulling the eye inward from the commanding 'Find the signal in the vast.' serif headline.

@DevaultView prompt
Astral Signal
Hero sections & backgroundsDesign reference

Astral Signal

The canvas is a breathtaking, cinematic cosmic vista where deep obsidian space (#05070f) frames a dramatic convergence of crimson nebulae (#d92d27) and blazing electric cyan light (#3cd4f6). Typography relies entirely on a modern, crisp neo-grotesque sans-serif rendered in pure white (#ffffff) and muted slate-lavender (#9da4b6), positioned deliberately within the darker upper-left negative space to ensure absolute legibility. Interactive elements adopt high-contrast capsule geometry with full 999px pill radii, most notably the solid white primary CTA buttons that cut cleanly through the rich atmospheric background. The lower third anchors the narrative with a 3-column micro-feature grid spaced 48px apart, pairing delicate 16px geometric line glyphs with concise copy. A lone human silhouette stands atop a jagged precipice on the right, providing scale and an emotional focal point that balances the heavy display text on the left.

@DevaultView prompt
Astral Singularity
Hero sections & backgroundsDesign reference

Astral Singularity

Set against a boundless deep-space canvas (#050818), the viewport is split between high-clarity typographic hierarchy on the left and a breathtaking cosmic accretion disk on the right. Luminous cyan (#7dd3fc) and soft astral lilac (#c4a5fd) serve dual purposes: they ignite the particle vortex visually and guide user action through pill-shaped primary buttons and gradient text accents. Typography relies on a modern neo-grotesque sans-serif with tight negative tracking at display scale (approx 68px) and airy line heights on supporting copy (#8da2c0). Glassmorphism appears with restraint, utilizing hairline translucent borders (1px rgba(255,255,255,0.12)) and backdrop blurs on floating contextual cards and metric docks. A reader immediately locks eyes with the luminous void of the singularity before their gaze naturally sweeps left into the bold promise of the headline.

@DevaultView prompt
Astral Slate Ledger
Web designDesign reference

Astral Slate Ledger

Built on an ultra-dark navy-slate canvas (#0b0f19), this interface structures complex financial intelligence into clean, modular cards (#121828) bound by hairline borders (#1e273d). Color serves purely as an analytical instrument: glowing cyan (#06b6d4), coral orange (#f97316), and vivid violet (#8b5cf6) differentiate financial flows across spline charts and category breakdowns rather than acting as decorative wallpaper. Typography relies on a clinical neo-grotesque sans-serif with tight numeral tracking, ensuring high-value balances like $128,750.43 stand out effortlessly at 24px semi-bold. Consistent 16px corner radii unify metric tiles, charts, and actionable modules into a balanced grid. Spacing is governed by an 8px base rhythm with 16px internal card padding and 20px grid gaps. A user immediately notices the luminescent sparkline graphs that create subtle atmospheric underglows against the pitch-black foundations.

@DevaultView prompt
Astral Swarm
Hero sections & backgroundsDesign reference

Astral Swarm

The canvas is grounded in a deep cosmic abyss (#030718) populated by a dense 3D particle vortex that swirls across the viewport from core flare to flowing field. Color creates strict hierarchical depth: functional elements and primary calls to action utilize electric cyan (#00b4d8), while the headline's climax is accentuated with an incandescent linear gradient (#ff8243 to #ff3b69). Display typography is light-weight, geometric sans-serif set at approximately 64px with tight line height, allowing the delicate particle physics to dominate the composition. All interactive buttons follow a pure pill silhouette (radius 999px), creating smooth pebble-like focal anchors against the organic, mathematical wave geometry. The viewer is captivated first by the molten-core white-orange galaxy spiral before reading downward through left-aligned value propositions and four bottom telemetry metrics.

@DevaultView prompt
Astral Synapse
Hero sections & backgroundsDesign reference

Astral Synapse

A high-concept deep-tech landing hero that sets an ultra-dark navy canvas (#040a16) against an explosive, pointillist nebula of bioluminescent light. The left hemisphere acts as a disciplined typographic anchor with strict left-alignment, while the right side surrenders completely to an awe-inspiring digital painting of a solitary silhouette overlooking a cosmic neural cascade. Hierarchy is maintained through pure luminosity: vibrant mint (#c6f5ec) is reserved strictly for high-priority pill CTAs and primary stats, while body copy settles into a cool slate (#8496ad). Type uses a clean geometric sans with an extra-tight display tracking (-0.03em) and generous 64px display scale. Structural elements lack hard borders or heavy cards, instead utilizing hairline 1px dividers (#1a293e) to delineate metrics at the base.

@DevaultView prompt
Astral Synthetic
Hero sections & backgroundsDesign reference

Astral Synthetic

A deep navy-black canvas (#050814) anchors a dramatic split-screen composition dominated on the right by an ethereal, planetary particle vortex glowing in teal (#43e8c0), gold (#ffd67a), and magenta-rose (#e589be). The left column holds clean, left-aligned typographic hierarchy, led by a large display title where text transitions subtly from crisp white into a pastel gradient. Rounded pill elements (radii: 8px to 999px) punctuate key interactive nodes, including translucent glassmorphic pills and luminous duotone CTA buttons. Subtle low-opacity borders (rgba(255, 255, 255, 0.12)) outline the badge and secondary buttons, maintaining a delicate, cosmic precision. The overall impression is a blend of scientific rigor and atmospheric sci-fi wonder.

@DevaultView prompt
Astral Synthetic
Hero sections & backgroundsDesign reference

Astral Synthetic

The canvas rests on a deep void tone around #090b14, dominated on the right by a high-definition generative portrait sculpted from luminous bioluminescent particles in magenta, cyan, and gold. The typography on the left remains calm and disciplined, countering the visual density of the background art. Headings employ a horizontal dual-tone linear gradient that mirrors the artwork's spectrum, transitioning from pastel blush #f8b4b4 into glacial teal #a0d8ef. Interaction points rely exclusively on 999px fully rounded pill geometries, from small frosted announcement chips with subtle 1px borders to dual-action CTA buttons with floating circular arrow discs. A horizontal metrics strip lines the lower-left, giving enterprise grounding through stark white statistics and muted cyan metadata. Contrast is preserved across the text block by keeping the left 45% of the canvas in a deep, atmospheric cosmic vignette.

@DevaultView prompt
Astral Telemetry
Web designDesign reference

Astral Telemetry

Built on an ultra-dark navy canvas at #080d1a, this dashboard uses glowing cybernetic accents to drive extreme hierarchy across dense marketing telemetry. Surface layers progress from the void-like background into slightly elevated card containers at #0e1626, bounded by 1px borders at #1e293b. Color functions strictly as semantic signal: vivid electric blue #0084ff commands primary interactions, while radiant cyan #00d2ff, violet #a855f7, and emerald #10b981 illuminate performance trends. Typography relies on a neutral geometric sans-serif that remains whisper-quiet in #94a3b8 before snapping to crisp white #f8fafc for numerical headlines. Generous 12px radii on panels balance the hard analytical grid, while glowing bezier sparklines and the centerpiece wireframe globe immediately draw the viewer's eye into the hero focal plane.

@DevaultView prompt
Astral Telemetry
Hero sections & backgroundsDesign reference

Astral Telemetry

The interface operates on a pitch-black foundation (#040711) fused with a dramatic alien terrain backdrop illuminated by vivid violet and electric blue nebula gradients. Information hierarchy is enforced through crisp white primary typography (#FFFFFF) juxtaposed against a radiant dual-tone headline gradient shifting from cyan (#38BDF8) to bright magenta (#EC4899). Key UI components utilize semi-translucent glass panels framed in 1px borders (#1E293B) with subtle outer glows. Interactive elements pop via saturated royal blue buttons (#1D4ED8 to #2563EB) paired with clean 8px and 12px rounded radiuses. A feature code IDE and architectural flowchart window anchors the right column with monospace syntax formatting and low-contrast borders. The overall aesthetic radiates deep-space futurism merged with developer-first mechanical clarity.

@DevaultView prompt
Astral Telemetry
UI components & gridsDesign reference

Astral Telemetry

The layout is grounded on a deep pitch-black canvas (#030712) hosting an intelligence-layer feature grid. Colour is strictly functional and restrained: each feature card possesses an ultra-subtle radial/conical ambient gradient glow in its top right or header area (electric blue, emerald green, warm amber) bounded by razor-thin borders (#1E293B). Typography leverages an ultra-clean geometric neo-grotesque sans-serif with distinct weight jumps from 400 body to 600 headings. Rounded rectangles (16px border-radius) encapsulate feature cells arranged in a balanced 3x2 grid with a spanning full-width banner docked beneath. Visual focus is drawn instantly to the top right ethereal luminescence wave and the dual-toned headline with its radiant blue highlight (#3B82F6).

@DevaultView prompt
Astral Telemetry
Hero sections & backgroundsDesign reference

Astral Telemetry

The canvas is set on an infinite deep-space void (#030617) pierced by a luminous volumetric spiral galaxy and undulating 3D particle terrain. Colour acts as semantic focal energy: electric magenta (#e879f9) and neon cyan (#38bdf8) indicate active data nodes and orbital paths, while foundational surfaces remain pitch black. The typographic system pairs a neutral modern geometric sans with an expressive, high-contrast editorial italic serif for the keyword 'into understanding', elevating tech infrastructure into poetic cognition. Spacing is airy and cinematic, keeping the entire primary narrative pinned left while reserving two-thirds of the viewport for visual immersion. A visitor immediately notices the incandescent galactic core radiating through thin 1px circular telemetry rings.

@DevaultView prompt
Astral Telemetry
Hero sections & backgroundsDesign reference

Astral Telemetry

The interface is cast on a deep celestial obsidian canvas (#050714) brought to life by an intense swirling particle nebula of luminescent cyan (#00F0FF) and radiant solar coral (#FF6B6B). Typography relies on clean geometric sans-serif shapes, using weight and gradient fills rather than size jumps alone to establish hierarchy; the phrase 'Beyond Limits.' features a warm 90-degree gradient that anchors the eye. Spacing is comfortable with a generous 64px hero clearance and pill-shaped interactive elements using 9999px border-radii. Floating HUD-style telemetry cards employ 16px and 24px rounded corners with frosted glass backdrops and faint 1px borders at 12% white opacity. A horizontal four-column feature dock across the bottom grounds the viewport with subtle iconography and 13px supporting copy.

@DevaultView prompt
Astral Underwrite
Hero sections & backgroundsDesign reference

Astral Underwrite

The canvas is set on a luminous warm-off-white #F8F9FA, abruptly anchored by a deep slate #161B26 code terminal and a blazing stardust particle trail. Saturated electric indigo #5850EC commands semantic hierarchy, applied exclusively to key emphasis typography ('for builders.'), interactive primary actions, and connection node glows. Contrast is exceptionally sharp: dark slate #0F172A provides editorial gravitas across the headline, while the dark terminal delivers immediate developer legitimacy. UI containers employ disciplined rounded corners, featuring 12px radii on floating service cards and 16px on the stats pill, reinforced by crisp 1px borders in #E2E8F0. A reader instantly registers the tension between enterprise reliability and modern frontier tech, triggered by the collision of structured JSON data and atmospheric nebula imagery.

@DevaultView prompt
Astral Velocity
Hero sections & backgroundsDesign reference

Astral Velocity

The interface sits atop a deep celestial void (#07071a) electrified by a volumetric spiral particle vortex radiating from neon magenta (#ff3b81) into soft indigo stardust. Visual hierarchy is established through luminous contrast: high-key crisp white typography (#ffffff) commands the foreground, while a frosted glass stats deck (rgba(22, 18, 48, 0.45)) anchors the midground above undulating particle waves. Display typography is set in an authoritative geometric sans at approximately 58px with tight line tracking, offset by whisper-weight 13px telemetry captions. Radii are strictly bimodal, alternating between fluid 999px pill shapes for interactive controls and a structured 16px radius for glass instrumentation panels. The eye is instantly drawn to the blazing stellar core on the upper right before naturally sweeping leftward down the typographic reading vector to the action buttons and metrics bar.

@DevaultView prompt
Astral Velocity
Hero sections & backgroundsDesign reference

Astral Velocity

The canvas is anchored in deep midnight navy (#050b18) swallowed by an expansive cosmic particle vortex composed of incandescent amber-gold (#fca441) and electric cyan-teal streaks. High-contrast typography cuts through the deep space background, utilizing stark white (#ffffff) alongside subtle multi-stop text gradients across headline accents. Spacing is airy and cinematic, providing massive breathing room around the left-aligned hero content while the visual weight balances against the glowing cosmic aperture on the right. Translucent frosted glass containers with crisp 1px borders (#ffffff18) and high corner radii (24px to 999px) house bottom micro-features and interactive triggers. Readers first register the intense radiant core of light before settling on the bold 64px display headline 'Clarity for What's Next.'

@DevaultView prompt
Astral Velocity
Hero sections & backgroundsDesign reference

Astral Velocity

The canvas is a high-contrast nocturnal void anchored in obsidian and deep navy (#060818), allowing vibrant cosmic particle art to direct attention. Color is strictly tiered: blinding magenta-to-lavender gradients designate conversion pathways and primary focal points, while electric cyan and ultraviolet illuminate secondary metrics and astral particle trajectories. Typography utilizes an unexpectedly lightweight, geometric sans-serif set at massive display scales (64px) with airy tracking, subverting traditional heavy enterprise styling. Spacing is comfortable and generous, structuring dense data metrics along an anchored horizontal baseline shelf below the hero graphic.

@DevaultView prompt
Astral Vortex
Hero sections & backgroundsDesign reference

Astral Vortex

The canvas is anchored by a high-energy hyper-detailed celestial vortex merging deep marine cyan (#0a1c2a) with blazing solar amber (#fedbb2) and incandescent coral (#f46b5d). Typography relies on a clean, humanist geometric sans-serif set in pure white (#ffffff) and muted icy slate (#9cb3c9) to cut crisply across the energetic nebula. Primary actions adopt high-contrast luminous mint-to-cyan gradient fills (linear-gradient(90deg, #56eed3, #b6ffd4)) with full 999px pill geometry, ensuring instant focal visibility. Secondary interactive elements live inside ultra-thin frosted glass surfaces (rgba(11, 28, 48, 0.45) with 1px rgba(255, 255, 255, 0.18) borders and 16px radius). The viewer's eye travels directly into the glowing galactic singularity at center before returning to the balanced asymmetric text lockup on the left and contextual metric cards.

@DevaultView prompt
Astral Zenith
Pricing & calls to actionDesign reference

Astral Zenith

This layout pairs an ethereal, spherical light-glow hero CTA with an ultra-clean, structured multi-column engineering footer. The canvas transitions from a soft celestial blend of lavender (#EBEBFF) and pale lilac through pure white (#FFFFFF) into a grounding, crisp white footer separated by subtle borders (#E6E9F0). Typography is dominated by a neo-grotesque sans-serif with tight negative tracking on the 48px display headline, highlighted by an iridescent violet-to-coral gradient on the brand keyword 'Ara'. Primary interaction is anchored by an indigo-violet button (#5E5CE6) with an 8px radius, balanced against secondary ghost actions. Trust markers with thin-line 14px iconography sit along a delicate vertical divider structure before descending into a 6-column tabular footer grid. The overall visual effect conveys high-assurance, enterprise-grade AI infrastructure.

@DevaultView prompt
Astral Zenith
Hero sections & backgroundsDesign reference

Astral Zenith

The canvas is a rich atmospheric dark void (#060814 to #120924) completely enveloped by a cinematic, swirling aurora illustration glowing in magenta, lime, and cyan. Color operates strictly as high-contrast luminescence against deep twilight: electric lime (#D4F042) acts as the high-visibility brand action accent, while pure white (#FFFFFF) handles high-order display headlines. A distinctive typographic gesture marries a clean geometric sans-serif for primary messaging with an expressive, editorial italic serif for the focal verb phrase 'Limit less.' Spacing is exceptionally airy, giving the dramatic hero vortex and silhouette perched on the rocky bluff room to breathe. Crucial metric callouts anchor the bottom left on pill-encased icons with soft glow treatments. Viewers instantly notice the hypnotic swirling vortex of cosmic dust funneling into the horizon.

@DevaultView prompt
Astro Planar Deck
Web designDesign reference

Astro Planar Deck

The canvas is anchored by a deep obsidian navy base (#060c18) layered with subtle indigo-tinted slate containers (#0c1527) bordered by fine 1px outlines (#172338). Color is deployed almost strictly as astrophysical telemetry: solar amber (#fbbf24) marks solar altitude and illumination peaks, cosmic cyan (#38bdf8) tracks active daylight rings and simulation orbits, and lunar violet (#818cf8) annotates twilight intervals. Typography utilizes a razor-sharp modern sans-serif with tracked uppercase micro-labels and crisp tabular numerals for coordinates and timestamps. Spacing adheres to a rigid 16px grid with 12px card radii creating compact, analytical containment. A reader's eye is pulled directly to the central celestial disc simulation with its illuminated orbital arcs and high-contrast glowing celestial bodies.

@DevaultView prompt
Atelier Aesthetic
Web designDesign reference

Atelier Aesthetic

The interface marries high-end medical spa commerce with an operational SaaS console through an asymmetrical two-tone canvas. The persistent navigation rail sits in deep obsidian navy (#0d1722), while the main scroll area rests upon a warm limestone neutral (#f5f3ef) populated by pure white cards (#ffffff). Color operates strictly as intentional guidance: a muted eucalyptus teal (#27606b) commands high-priority action buttons and active indicators, balanced against a warm camel tan (#c19a6b) reserved for client booking. Typography establishes a lavish editorial tension by pairing an aristocratic modern serif with an unobtrusive, tracked geometric sans for functional metrics and labels. Surface transitions rely on subtle 1px perimeter borders (#eae6df) and gentle 12px to 16px corner radii rather than heavy drop shadows.

@DevaultView prompt
Atelier Arcana
Web designDesign reference

Atelier Arcana

The design sits on an expansive white #ffffff canvas, operating as a digital gallery where physical craft takes visual precedence. Color is handled with intense discipline: structural typography is rendered in dark carbon #191c1f, muted guidance text in warm slate #606770, and a solitary vibrant cobalt #1a4eb8 serves as the sole active accent. The typography relies on a clean, modern geometric sans paired with a single italicized editorial serif accent ('for') in the hero display to communicate bespoke artistry. Layout geometry marries rigid 24px column gutters with sweeping organic curves, seen prominently in the hero image's asymmetric 260px top-left arch. Surfaces reject skeuomorphic shading, relying purely on photographic depth, hairline 1px borders #e2e5e9, and 8px corner radii on product containers. A first-time viewer immediately registers the contrast between earthy ceramic textures and the electric blue primary callout.

@DevaultView prompt
Atelier Canvas
Web designDesign reference

Atelier Canvas

merges an architectural, editorial publication aesthetic with a functional digital workspace layout. The primary workspace canvas sits on an airy off-white background (#F8F9FB), framed by an ultra-clean white sidebar and punctuated by a dramatic rounded arch imagery frame (top radius 200px, bottom radius 16px). Color is handled with disciplined restraint: rich cobalt blue (#2563EB) directs primary actions and eyebrow callouts, while an isolated midnight slate container (#141E30) anchors the midpoint of the layout. Typography plays a central role through stark contrast between heavy obsidian headings (#0F172A) and softened slate supporting text (#64748B). Subtle hairline dividers (#E2E8F0) and card borders with 16px corner radii maintain structure without visual clutter.

@DevaultView prompt
Atelier Canvas
Web designDesign reference

Atelier Canvas

The canvas is built on an ultra-soft cool alabaster base (#F9F9FB) with pristine white (#FFFFFF) elevated container cards framed by delicate 1px borders (#EDEFF2). Colour operates with strict functional discipline: a signature royal cobalt (#2F6FED) directs primary calls to action, while a warm artisanal caramel (#C58D54) roots creative and editorial prompts. Typography relies on crisp, high-legibility geometric sans-serif styling with gentle letter-spacing and restrained weights that keep data-dense metrics scannable without visual noise. Generous 16px corner radii on major cards and full 999px pills for status chips create an approachable luxury feel. A first-time viewer immediately notices the harmonious juxtaposition of lifestyle editorial photography with clean, pastel-tinted financial sparklines and metric dials.

@DevaultView prompt
Atelier Chic
Mobile interfacesDesign reference

Atelier Chic

This luxury e-commerce mobile design pairs an atmospheric, photographic dark hero section with a floating pure white bottom-sheet body. The base canvas shifts dramatically from the dark boutique imagery (#121110) at the top to an ultra-clean white sheet (#FFFFFF) featuring deep 24px rounded top corners. Typography is strictly sans-serif (resembling SF Pro or Inter), balancing bold display headers with quiet medium weights and subdued secondary captions in cool gray (#8A8F99). Accent color is restrained to an electric cobalt blue (#4361EE) reserved for discount codes, active indicator dots, and selected category outlines. Cards maintain a clean, soft look with a muted neutral surface (#F4F4F6) for model photography and subtle 16px corner radii.

@DevaultView prompt
Atelier Cobalt
Web designDesign reference

Atelier Cobalt

The canvas is anchored on an immaculate white base (#FFFFFF) warmed by soft beige photographic neutrals (#F4EBE1). Color operates with strict intentionality: deep charcoal ink (#1A1E24) drives editorial authority across typography, while an unexpected vibrant cobalt blue (#184FD8) injects digital vitality into primary buttons, micro-badges, and continuous freehand vector lines. The typography balances crisp geometric sans-serif headers with whisper-thin uppercase tracking (0.12em) and an expressive handwritten calligraphy script. Spatial rhythm is exceptionally airy, utilizing generous section breathing room (96px to 120px) and asymmetric image placements. Visual depth relies on overlapping surfaces: floating white cards with 10px corner radii and soft atmospheric drop shadows rest partially outside photo containers. A viewer immediately notices the juxtaposition of high-fashion portrait photography intertwined with an organic cobalt line flourish and crisp typographic hierarchy.

@DevaultView prompt
Atelier Contrast
Web designDesign reference

Atelier Contrast

This interface pairs an ultra-dark administrative frame with a dynamic split-canvas narrative that alternates between surgical white surfaces and obsidian exhibition vaults. The persistent sidebar sits in deep carbon (#0e1017) alongside a top app bar, framing a light hero canvas (#ffffff) that celebrates editorial production. Color functions strictly as semantic signal and accent: an electric ultramarine (#3b5bfd) highlights focus verbs and primary actions, while neutral stone and carbon swatches ground the creative artifacts. Typographic hierarchy relies on a high-grade geometric grotesque set with tight letter tracking (-0.02em) on headlines and generous line spacing on body text. Spacing is strictly regimented along an 8px rhythm, employing 12px to 16px corner radii for interactive cards and compact 8px radii on control buttons. Readers immediately notice the dramatic tonal plunge into the pitch-black 'Featured Works' gallery (#111216) before surfacing back into clean off-white process documentation.

@DevaultView prompt
Atelier Cyan
Web designDesign reference

Atelier Cyan

constructs a high-end cultural magazine platform grounded in an inky midnight canvas (#070b10) framed by a dedicated vertical navigation sidebar. Visual hierarchy is strictly enforced through scale and color restraint: stark white (#ffffff) commands headlines and the monumental 110px tracked masthead, while a vibrant cyan (#00b4d8) functions exclusively as an intentional semantic trigger for active states, tags, and circular action pills. Content modules rely on dark slate card enclosures (#0c131a) with refined 12px border radii and hairline borders (#182330). Structural composition balances a persistent 220px utility rail with an asymmetric hero layout transitioning cleanly into balanced 3-column and 4-column article grids. The immediate visual anchor is the cavernous contrast between fine art documentary photography and glowing, razor-sharp technical UI primitives.

@DevaultView prompt
Atelier Dark Minimal
Web designDesign reference

Atelier Dark Minimal

This interface adopts a deep charcoal-navy backdrop (#0c1017) layered with subtle card elevations (#131924) to create an exclusive, high-end studio dashboard. The hierarchy relies on sharp contrast between pure white headings (#ffffff), muted slate body text (#8d99ae), and vibrant royal cobalt accents (#3b5bfd) that command attention on primary interactive triggers. Typography is clean, contemporary neo-grotesque, scaled up to bold display headers (40px) down to micro-caps subheadings (11px) with generous letter-spacing. UI cards consistently employ generous corner radii around 16px to 20px, with faint tonal borders (#1e2638) rather than harsh drop shadows. The prominent hero card anchors the dashboard using an architectural still-life with an overlay vignette, miniature embedded carousel thumbnails, and precise project metadata.

@DevaultView prompt
Atelier Decision Matrix
Web designDesign reference

Atelier Decision Matrix

The layout features a dual-surface paradigm: a dense, pitch-black sidebar (#141518) paired against an expansive, warm porcelain canvas (#fcfaf7). Hierarchy is dictated by deliberate, low-saturation chromatic trios (amber #e9a263, terracotta #be5d4a, and eucalyptus #5e9c8b) rather than heavy borders or dark text fills. Display typography relies on an editorial, high-contrast serif for page titles (36px), while micro-labels and system metadata operate in clean, neutral geometric sans. Card surfaces (#ffffff) float subtly with hairline borders and pill-crested iconography offset along the top rim. Spacing follows a rhythmic vertical cadence, anchoring three prominent 16px-radius comparison columns above a full-width bottom execution panel.

@DevaultView prompt
Atelier Editorial
Web designDesign reference

Atelier Editorial

The interface operates on a strong split-canvas architecture: an ultra-dark midnight navy sidebar (#0B1120) paired against an expansive, warm off-white workspace (#F8F9FA). Colour is deployed with strict hierarchy; the primary vibrant royal blue (#1D63FF) is reserved exclusively for primary action triggers, active tabs, and key metric emphasis. Editorial serif headlines (rendered around 32-38px) introduce high-fashion studio authority, contrasted with utilitarian sans-serif typography for dense transactional data. Card surfaces sport gentle 16px corner radii, razor-thin subtle borders (#EAEAEA), and whisper-soft drop shadows. The hero greeting section integrates high-key lifestyle photography directly into the canvas with soft atmospheric blending, creating an immediate creative luxury feel. Crucially, functional status badges use delicate pastel fills (e.g. #EBF3FF, #E6F8F0) paired with 11px semi-bold text to avoid disrupting the visual calm.

@DevaultView prompt
Atelier Editorial
Web designDesign reference

Atelier Editorial

The canvas is a pristine, warm off-white (#FAF9F6) layered with subtle ambient sunlit leaf shadows in the hero. Hierarchy relies on a stark contrast between a deep nautical ink navy (#1A365D) for primary actions, a refined warm ochre gold (#C59B63) for eyebrows and badge outlines, and deep charcoal (#1E1E1E) for editorial serif headlines. Headings use an elegant high-contrast transitional serif paired with crisp, tracking-expanded sans-serif labels in uppercase (approx 11px, letter-spacing: 0.15em). Card containers and image frames sport gently rounded corners (radius: 12px to 16px) with an overlapping, offset card composition in the hero gallery and bio section. A reader notices first the towering portrait card overlapping the hero carousel flanked by soft lifestyle photography.

@DevaultView prompt
Atelier Editorial
Web designDesign reference

Atelier Editorial

The layout pairs a stark, dark slate sidebar (#131c26) with a light, warm-tinted canvas (#fcfcfd) that elevates creative workflow tooling into a luxury editorial publication. Rich visual hierarchy is established through striking contrast: stark dark cards (#17202a) disrupt airy white sections, while electric cobalt (#2c62eb) commands focal attention on primary interactions. Type relies heavily on a high-contrast serif with fluid italic pairings for display text, grounded by an ultra-clean neutral sans-serif for UI metadata. Geometric precision dominates with soft card radii (16px to 24px), subtle dot-matrix patterns, and pill-shaped badges. A viewer immediately registers the tension between tactile lifestyle photography and sharp analytical SaaS components.

@DevaultView prompt
Atelier Everyday
Web designDesign reference

Atelier Everyday

A clean, tactile e-commerce editorial layout set on an ultra-soft porcelain canvas (#ffffff and #f9f9fa). Spatial hierarchy relies on generous white space and rhythmic card grouping rather than harsh lines or shadows. A single high-voltage saturated royal cobalt blue (#2663eb) serves as the primary visual hook, reserved strictly for calls-to-action and conversion micro-badges, while deep charcoal (#181a1c) handles headline weight. Cards feature generous 16px corner rounding, framing natural light lifestyle imagery and clean studio product cutouts. Editorial typography utilizes a contemporary geometric sans with open counters and single-story vernacular, anchored by 48px display weights and tight, balanced line heights.

@DevaultView prompt
Atelier Form
Mobile interfacesDesign reference

Atelier Form

The interface operates on a radiant, warm off-white canvas (#FAF7F4) that elevates fitness instruction into high-fashion editorial design. Color is deployed with quiet restraint: rich espresso (#382223) anchors primary actions and navigation states, while a muted bronze sand (#A88B74) styles auxiliary category labels and trackers. The typography marries an elegant high-contrast display serif with an ultra-clean neutral sans-serif for secondary guidance and tabular data. The layout relies on spacious 24px horizontal gutters, sweeping 24px border-radii on primary feature cards, and compact 16px radii on lower grid modules. Readers immediately notice the kinetic cutout photography breaking planar boundaries, where athletic limbs and equipment overlap the cream surfaces with soft multi-layered drop shadows. Every visual element projects luxury studio coaching rather than conventional high-intensity gym gamification.

@DevaultView prompt
Atelier Horology
Mobile interfacesDesign reference

Atelier Horology

The interface operates on an ultra-warm off-white alabaster canvas (#FAF8F5), imparting an editorial, print-catalog sensibility suited for luxury horology. Visual weight is commanded by a deeply saturated, black-vignette hero card (#121214) with an expansive 24px border radius, contrasting against the serene cream background. Color functions strictly as semantic tiering: primary call-to-action surfaces employ a rich oxblood burgundy (#4A1521), editorial category blocks inhabit soft tinted pastels (#E5EEF5, #F9F3EA, #F8ECEF), and subtle brass gold (#C59B58) highlights metadata eyebrows. Typography couples an elegant high-contrast display serif for headlines and branding with an ultra-clean neutral sans-serif for prices, specs, and navigational links. Horizontal momentum dominates through edge-bleeding carousel components with 12px to 16px gaps, anchored by minimalist pill and dot paginators. A reader immediately notices the striking cinematic lighting of the hero timepiece set against the restrained ivory canvas.

@DevaultView prompt
Atelier Luminaire
Mobile interfacesDesign reference

Atelier Luminaire

The screen is framed on an off-white, gallery-like canvas (#FFFFFF) structured into generous rounded rectangular cards with an expansive 20px corner radius. Color is deliberately absent as an interface accent; instead, tone is created through warm neutral washes (#F6F5F2, #F8F7F4) and the rich organic materials captured within high-end product photography. Typography is set in a refined geometric sans-serif that shifts between letterspaced uppercase titles and light, rhythmic body copy. Spacing relies on consistent 16px lateral margins with 16px inter-card gutters, maintaining disciplined architectural alignment. The overall visual hierarchy is led first by the heroic soft-lit pendant grouping in the upper banner before descending into an editorial asymmetric two-column masonry grid.

@DevaultView prompt
Atelier Luxury Minimal
Mobile interfacesDesign reference

Atelier Luxury Minimal

This interface exemplifies high-end fashion mobile design built on a pale alabaster background (#FAFAF8) paired with warm stone (#F2EFE9) and deep espresso (#1C1A18) typography. Hierarchy is driven entirely through scale and contrast rather than saturated accents; the single bold accent is a rich burgundy-espresso (#542226) pill button anchored inside the hero card. Rounded corners span from 20px on major banners and product tiles to subtle 16px on reassurance bars and perfect circles for category thumbnails. Spacing feels intentional, utilizing comfortable 16px lateral page margins and 32px section gaps that prevent clutter. An observer immediately notices the editorial serif typography juxtaposed against warm, studio-lit beige fashion photography.

@DevaultView prompt
Atelier Minimal
Web designDesign reference

Atelier Minimal

A high-end editorial portfolio interface anchored by a fixed left-rail navigation (88px width) and an airy canvas (#ffffff). Hierarchy relies on a stark contrast between dense slate headings (#0f172a) and an electric cobalt blue (#1d4ed8) reserved strictly for primary actions, active states, and section eyebrows. Ambient depth is established via large-radius blurred gradient discs (#fed7cc and #dbeafe) hovering behind clean typography rather than heavy box shadows. Structured content uses precise horizontal metrics, featuring 5-step process pipelines and skill progress tracks with 12px pill radii. The typography pairs a sharp geometric sans with open tracking and loose line heights (1.5–1.6) for sustained editorial readability.

@DevaultView prompt
Atelier Minimal
Web designDesign reference

Atelier Minimal

The interface operates on an ultra-clean, high-key warm canvas (#FFFFFF and #FAFAFA) contrasted with muted sand tiles (#F8F4F0) and warm parchment highlights (#F4EDE6). Typography leans on a high-end neo-grotesque with refined proportions, pairing editorial headline tracking with razor-sharp microcopy. Brand color hierarchy relies primarily on neutral stone, soft tan (#BF9B7A), and deep slate charcoal (#1A1A1A) for primary text, reserving electric cobalt (#1B61EE) strictly for transactional workspace buttons and emerald (#10B981) for health scores. Corner radii remain consistently soft across panels (8px to 14px), giving high-ticket bespoke atelier polish without feeling playful. A reader instantly registers the editorial gallery headers and calm, museum-grade breathing space balancing enterprise-grade dashboard density.

@DevaultView prompt
Atelier Nocturne
Web designDesign reference

Atelier Nocturne

The interface operates on an ultra-dark canvas anchored by an obsidian base (#0c0d11) paired with slightly lifted container surfaces (#14161f) and hairline borders (#1e222e). Hierarchy is enforced through strict tonal discipline: pure white (#ffffff) reserved strictly for headlines and active states, mid-tone slate (#8e93a6) for editorial metadata, and muted steel (#555a6d) for supplementary captions. High-chroma color is deployed with surgical frugality; an electric cobalt (#2563eb) powers primary interactions, bookmark badges, and active pills, while a solitary coral dot (#f05638) punctures the primary display headline. Structural layout balances an asymmetric editorial hero grid—featuring a massive 560px-tall portrait feature card—against uniform horizontal content tracks and a 5-column micro-gallery. Cards use a consistent 16px radius with recessed image viewports that sit flush or gently inset within muted frames. A reader immediately registers the stark editorial elegance, driven by tight typographic leading and generous, art-directed photography.

@DevaultView prompt

Continue to the next page of prompts.