Prompt 灵感库 · GPT Image 2.5

GPT Image 2.5 提示词

按用途探索图片示例与设计参考，找到适合你的提示词。

正在显示 72 / 3390

Midnight Beacon

The layout is anchored on an ultra-dark navy canvas (#030712 to #020408) illuminated from the top edge by an intense radial teal-cyan to cerulean glow. Color acts strictly as functional signaling: a vibrant mint green (#57F287 / #4EFA96) highlights key CTA conversions and operational status, while text colors cascade downward in opacity from stark white (#FFFFFF) for the primary headline down to muted slate (#94A3B8) and dim zinc (#475569) for legal fine print. The typography is clean, geometric neo-grotesque with negative tracking (-0.025em) on display headlines and generous letterspacing on micro-labels. Spacing is comfortable and axial, centering the conversion funnel before transitioning across a crisp 1px dividing border into a balanced 5-column information architecture. Readers immediately notice the radiant top spotlight framing the display heading 'Stop fraud before it happens' and its luminous mint-green action button.

界面组件与网格设计参考

Midnight Beacon

This interface uses an ultra-deep navy canvas (#060d1a) as an authoritative notification bar designed for high-stakes aerospace communications. Hierarchy relies on high-contrast white text (#ffffff) paired with an electric cyan accent (#38bdf8) to draw immediate focus to renamed branding. Secondary descriptive text sits in a subdued slate (#8da0b8) at 14px, keeping the alert legible without competing with the headline. Verification is communicated through tightly clustered trust markers featuring circular emerald badges (#10b981) enclosing white checkmarks. Shape language mixes perfectly rounded pill badges (radius 999px) with slightly softened functional hit targets (radius 8px for the arrow action). The viewer instantly registers the cyan brand pivot before naturally scanning rightward to the regulatory validation badges.

网页设计设计参考

Midnight Capital

The interface operates on an ultra-dark navy canvas (#070d19) segmented into layered cards (#0d1629) with delicate stroke borders (#172643). Color is deployed with surgical discipline: brilliant cyan (#15b8a6) signals key interactives, active data series, and forward momentum, while auxiliary violet and slate code secondary segments. Display typography is bold, commanding, and contrasted by an italicized teal keyword in the primary display heading (44px). Spacing adheres to a strict 8px rhythm, with 12px card corners and 8px button radii delivering a restrained architectural feel. A reader immediately notices the split macro-structure: a 70/30 division between the narrative product journey on the left and a continuous utility/workflow rail on the right.

定价与转化模块设计参考

Midnight Cobalt Grid

This interface uses a profound dark canvas (#020612) bathed in an ethereal, radial cyan-to-royal-blue background vignette that concentrates light behind the primary value tier. Structural hierarchy is established not through floating cards, but through an integrated monolith matrix partitioned by ultra-faint borders (#101B33). The focal point is the 'Growth' plan column, wrapped in an illuminated royal blue border (#2176FF) that commands attention over muted neutral dark sibling columns. Typography relies on a crisp grotesque sans-serif with bold figures ($199, $399) set against secondary descriptors in slate (#8A99AD). Interactive toggles and badge chips use tight, fully rounded pills (999px) with deep translucent fills (#0E1E38) to contrast against crisp neon-tinged blue highlights. Spacing is mathematically rigorous, using a baseline 24px and 32px vertical cadence across comparative feature rows.

界面组件与网格设计参考

Midnight Credit Grid

The interface is set on an ultra-deep obsidian-navy canvas (#06090F) populated by precision-bordered cards (#0B1220). Hierarchy is strictly managed through color saturation: white text (#F8FAFC) commands attention on titles, while an electric azure gradient/accent (#38BDF8 to #2563EB) draws immediate gaze to value propositions and interactive triggers. Body copy rests at a subdued slate (#94A3B8), preserving visual tranquility across dense informational grids. Cards utilize a 16px corner radius encased in razor-thin 1px borders (#1E293B). Spacing is meticulously gridded on 8px multiples, anchored by a dual-pane asymmetrical top section and a wide statutory proof banner at the base.

网页设计设计参考

Midnight Cyan Lumina

The interface operates on a layered midnight obsidian foundation (#070B14) paired with slightly elevated slate-tinted panels (#0D1526). High-voltage teal-cyan (#00E5A3 and #00BFA5) serves as the primary actionable anchor and status beacon, while magenta, indigo, and coral offer secondary categorical segmentation. Typography is built on a tight, crisp neo-grotesque sans-serif prioritizing metric density and instant visual scanning. Cards employ subtle 1px border outlines (#18253D) without harsh drop shadows, leaning instead on glowing ambient light rings and neon gradients for depth. Spatial rhythm is disciplined around an 8px grid, balancing compact transactional tables with airy feature showcases.

定价与转化模块设计参考

Midnight Dispatch

This interface pairs an absolute black (#000000) base foundation with a massive floating command CTA card styled in deep oceanic slate (#060d1a) framed by a subtle 1px border (#162b4d) and rounded to 24px. Hierarchy is achieved through luminescent cyan (#29d3f5) for primary action states and route nodes, emerald green (#22c55e) for success telemetry and growth metrics, and high-contrast white (#ffffff) for operative typography. Supporting text relies on cool muted slate (#8393a8) to preserve dark adaptation. The top CTA card balances a spatial routing visual on the left, centered value propositions anchored by a full-pill button (height 44px, radius 999px), and a vertical stack of three low-contrast metric cards (radius 12px) on the right. Below, a clean multi-column sitemap transitions seamlessly into enterprise compliance credentials.

移动端界面设计参考

Midnight Editorial

This mobile editorial layout utilizes a near-black obsidian backdrop (#080A10) to let vibrant editorial imagery pop with high contrast. The visual hierarchy starts with a massive hero carousel card (approx. 24px border radius) featuring crisp photography, glowing neon blue indicators, and bold sans-serif headlines. Sections are segmented horizontally into carousels with category headers flanking a vibrant blue 'View all' text action. Individual article cards (measuring roughly 140px in width) utilize a dual-toned structure: a 12px-radius image cap resting directly above a dark charcoal card body (#10141D) with subtle borders and 16px corner radii. Badges provide category cues via pill shapes with soft magenta or electric blue text fills and borders. Typography relies heavily on a clean, geometric grotesque sans-serif with tight line heights and high legibility against the dark background.

网页设计设计参考

Midnight Executive

The design employs a hybrid bipartite canvas, opening with a commanding midnight navy hero (#0B0F1F) before cleanly resolving into a crisp white (#FFFFFF) working surface. High-contrast brand cyan (#24B4B6) serves strictly as an action driver for primary CTAs and analytical peaks, while a soft periwinkle (#6E78FF) denotes sectional eyebrows and secondary telemetry. Typography is modern, neutral, and meticulously tracked, pairing heavy geometric display headings (up to 48px) with airy slate body copy (#64748B). Modular Bento-style cards with 16px corner radii and fine hairline borders organize complex service offerings and data trends without heavy drop shadows. Readers immediately notice the high-definition telemetry card in the hero, which anchors corporate credibility with precise line graphs and micro-badges.

定价与转化模块设计参考

Midnight Fintech Aurora

The interface operates on an ultra-dark navy canvas (#040812) overlaid with an expansive call-to-action block featuring a soft atmospheric violet glow (#3842a2 at 35% opacity) radiating from its bottom left corner. Crisp visual hierarchy is defined through bright clean typography (#ffffff and #94a3b8) contrasted with vibrant cyan (#38bdf8) and lilac (#818cf8) gradient text accents. The layout is cleanly segmented into an interactive CTA billboard spanning two columns (value proposition on the left, horizontal workflow pipeline on the right) seated above a multi-column enterprise sitemap footer. Interactive controls leverage rounded rectangular geometries with an 8px radius, such as the prominent royal blue pill button (#3b66f5) paired with a subtle inline email capture field. Micro-metrics and proof points use hairline borders (#1e293b) and precise 12px pill badges to convey institutional trust.

定价与转化模块设计参考

Midnight Foundry

This layout pairs an atmospheric, deep midnight-blue (#0c1021) floating CTA container with an ultra-clean, structured white (#ffffff) SaaS footer below. The hero CTA utilizes subtle radial violet glows and faint concentric line geometry to draw focus inward toward the prominent dual-tone headline at 38px. The primary action button anchors the dark card with a radiant lavender-purple gradient (#8068f8 to #9878fe) accompanied by a diffuse drop-glow. Below, the footer shifts entirely to an orderly multi-column directory format with quiet 12px uppercase category tracking and 13px link lists. Subtle divider rules (#e5e7eb) and balanced 24px column gutters create clear corporate hierarchy without clutter. A visitor immediately registers the theatrical contrast between the floating dark CTA card with 20px rounded corners and the grounded light operational zone.

移动端界面设计参考

Midnight Grid

This interface bridges high-contrast cinematic photography with an ultra-clean mobile utility dashboard. The screen opens into a deep dusk canvas (#080c14) featuring high-voltage electrical towers before transitioning gracefully into an airy light surface (#f8fafd). Crisp royal electric blue (#1a6bf0) serves as the primary visual thread, highlighting active states, links, and action buttons. Typography relies on a modern humanist sans-serif with bold display weight for section anchors and muted slate (#6b7280) for supporting copy. Cards feature expansive 24px corner radii with soft omnidirectional drop shadows (0 12px 32px rgba(10,25,50,0.08)), elevating interactive objects above the split canvas backdrop. Readers immediately notice the glowing lightbulb motif encapsulated by concentric blue arcs, grounding the utility theme in tangible imagery.

首屏与背景设计参考

Midnight Hospitality

The canvas is constructed on an ultra-dark navy void (#060913) illuminated by an atmospheric radial glow of electric indigo (#1D37FE) blossoming across the upper right. Color strictly delineates semantic meaning: pristine white (#FFFFFF) commands hero titles and core actions, while vibrant electric azure (#2B66FF) marks transformative narrative anchors like the final headline clause. Card surfaces use a subtle glassmorphic translucence with ultra-thin 1px border strokes (#1A294A) and rounded 16px to 24px radii. Spacing follows an orderly 8px rhythm, distributing a dynamic split hero layout paired with a grounded four-column analytics dashboard below. The immediate focal hook is the glowing isometric restaurant floor plan preview nested inside an AI command card.

网页设计设计参考

Midnight Insight

The interface is an ultra-refined analytics dashboard rendered on a deep navy canvas (#070d18) with slightly lighter container tiles (#0c1424). Content hierarchy relies strictly on luminance and saturation rather than heavy solid panels: pure white (#ffffff) commands prime headings, muted blue-grey (#74859d) serves structural labels, while vibrant sky cyan (#38bdf8) and glowing aqua (#0ea5e9) drive focal actions and telemetry highlights. Cards use a consistent 16px border-radius with subtle 1px translucent borders (#182740) that keep modules separated without heavy drop shadows. Spacing is governed by a strict 8px rhythm, providing comfortable 20px–24px internal card padding. The dominant visual anchor is an atmospheric hero banner pairing bold geometric type with a 3D isometric glowing illustration.

定价与转化模块设计参考

Midnight Intelligence

This interface operates on an ultra-dark navy-slate canvas (#0a0d14) bathed in subtle ambient midnight blue radial glows. Information architecture balances a split hero/CTA with a high-fidelity product dashboard preview on the right and a robust four-column enterprise sitemap footer below. Contrast is strictly staged: pure white (#ffffff) commands primary headings and key metrics, while muted blue-slate (#8f9ba8) handles body text and tertiary links. A single electric cobalt blue (#2f68fd) serves as the primary focal attractor across the brand icon bars, primary CTA button, active input action, and headline accent word. Card components use deep charcoal-navy fills (#121722) with razor-thin 1px border outlines (#1e2638) and generous 16px corner radii. The overall aesthetic is serious, technical, and whisper-quiet yet punchy at interaction points.

首屏与背景设计参考

Midnight Intelligence Glow

A deep obsidian-to-indigo canvas (#03071E to #08113B) anchors a hyper-polished B2B SaaS hero section with intense isometric 3D glassmorphism. Text hierarchy is razor-sharp: pure white #FFFFFF for prominent display headings, softened by a vibrant two-tone lavender (#9D8DF1) and electric cyan (#60A5FA) gradient phrase that immediately captures gaze. Translucent floating glass cards with 1px border strokes (#1E2B58 and rgba(255,255,255,0.12)) and generous 16px corner radii organize dense profile and enrichment data. The layout balances a heavy left-aligned 64px display headline block with a glowing isometric glass cube and pipeline ecosystem on the right. Soft radial glows (cyan #38BDF8 and violet #818CF8) simulate realistic volumetric backlighting throughout.

移动端界面设计参考

Midnight Isometric

The canvas sits on a rich near-black dark navy (#0B0E14) providing high contrast for matte, light-diffused 3D illustrations. Elevated content cards use subtle rounded rectangles (border-radius: 16px) with very dark slate fills (#111622) and barely perceptible 1px translucent borders. Typography relies on a crisp geometric sans with bold weights for titles and high-legibility mid-gray text (#8F9CAE) for descriptions. Strategic accents in electric royal blue (#4E5EE4), soft emerald green (#22C55E), and warm coral (#FF6B6B) draw attention to numeric milestones, badges, and primary calls to action. The user immediately notices the tactile floating clay renders set against the pitch-dark background, balanced by clean alternating text-and-image grid rows.

界面组件与网格设计参考

Midnight Ledger

The interface operates on a pitch-black foundation (#050914) framed by a dense atmospheric deep blue glow (#1e40af blur) that cradles a mock dashboard on the right. Typography commands immediate hierarchy via a tight, high-contrast headline in crisp white (#ffffff) accented by an electric blue word highlight (#2563eb) with an organic subtle swoop underline. Dashboard components adopt a layered card structure with fine borders (#1e293b) over elevated charcoal surfaces (#0b1120) and rounded corners (16px). Color acts purely as functional feedback and focal anchoring: emerald green (#22c55e) communicates positive percentage yield, while vibrant cobalt (#3b82f6) guides actions, charts, and progress bars. Spacing is strictly partitioned between a breathable editorial narrative on the left (gap 32px) and modular, metric-dense telemetry on the right.

网页设计设计参考

Midnight Loom

The interface operates on a deep atmospheric canvas anchored at #080D18 with elevated modules rendered in #0F172A and framed by precise 1px borders of #1E2D48. Color serves as a functional laser rather than cosmetic fill: vibrant cyan at #00D2F4 drives primary calls-to-action and active navigation states, while subdued violet at #8B5CF6 creates localized ambient focus within promotional modules and graphical vignettes. Typography leverages clean, geometric sans-serif styling with stark contrast, pairing high-clarity #FFFFFF headers with muted #8B9EB7 secondary copy across tight optical margins. Component geometry is governed by consistent 14px outer corner radii on cards, soft 8px radii on interactive controls, and continuous 999px pills for statuses and counter badges. What immediately captures attention is the high-contrast contrast ratio between the deep teal-slate matrix and the luminous cyan buttons, balanced by delicate micro-sparkline data visualization.

网页设计设计参考

Midnight Neon FinTech

This hybrid interface establishes authority through a dramatic two-tone architectural split: a deep midnight blue hero (#080c1c) giving way to an airy, clinical daylight workspace (#ffffff and #f8faff). Color is strictly functional and emotional: electric cyan (#2dd4bf) and iris purple (#818cf8) form glowing visual vectors and high-conversion button gradients, while warm amber (#f59e0b) provides third-pillar balance in the lower card triad. Typography leans heavily on a friendly yet precise geometric sans-serif, using prominent display weights at 44px with -0.02em tracking paired with 15px muted body text (#94a3b8 on dark, #64748b on light). Spacing adheres to an 8px rhythmic grid with generous 96px vertical section separations and 24px column gutters. Cards feature subtle 16px corner radii, razor-thin borders (#e2e8f0), and miniature embedded KPI graphs with custom sparklines.

网页设计设计参考

Midnight Neon Foundry

This interface is anchored on a very deep blue-black canvas (#070b14) partitioned by a fixed left navigation rail and a dark slate content field (#0b1220). Hierarchy relies on bright cobalt blue (#1d63ff) for key actions and active state fills, paired with crisp white (#ffffff) for primary headlines and muted blue-gray (#64748b) for metadata. Glowing hyper-rendered 3D product renders sit in rounded nested viewports within primary product cards, each lit by high-contrast ambient rim light. Container cards use subtle 1px border strokes (#1e293b) with approximately 16px corner radii, maintaining tight 16px to 24px inner gutters. What grabs attention first is the glowing quartet of metallic and glass 3D project tokens floating above dark recessed wells, creating an arresting sense of tactical hardware control.

界面组件与网格设计参考

Midnight Node

The interface operates on an ultra-dark navy canvas (#060B14) paired with slightly raised container panels (#0C1525) bounded by faint slate-blue borders (#1C2C47, 1px). Hierarchy relies on high-contrast cool white typography (#F1F5F9) for primary labels and headings, muted steel blue (#7A8C9E) for descriptions, and tactical cyan (#38BDF8) or mint green (#34D399) for active nodes, status indicators, and category icon backgrounds. The type system blends clean technical sans-serif with an expressive, italicized serif display phrase ('to cultural intelligence') that lends an archival, editorial credibility to technical infrastructure. Visual weight centers on the architecture diagram with radiating cyan bezier curves connecting data sources to destinations through a luminous center hub. Cards maintain comfortable internal padding of 24px with smooth 16px to 18px corner radii, establishing an exacting, enterprise-ready feel.

网页设计设计参考

Midnight Nomad

is a luxury travel exploration platform built on an ultra-dark navy-black palette (#050914 to #080D1A). Contrast and hierarchy rely on vibrant periwinkle blue (#4379F2 to #3B82F6) highlights against deep slate surfaces, pairing stark white primary typography (#FFFFFF) with muted blue-grey metadata (#8F9CAE). A persistent vertical sidebar docks to the left while the main canvas layers fluid horizontal cards and rounded search bars with 16px to 24px corner radii. Elevation is understated, utilizing subtle 1px translucent borders (#1E293B) and soft backdrop blurs rather than heavy drop shadows. High-saturation destination photography acts as the primary visual engine, breaking the darkness with warm sunsets, emerald auroras, and turquoise waters.

定价与转化模块设计参考

Midnight Observability

Built on an ultra-dark navy canvas (#06080e), this design pairs high-contrast white display typography with electric blue-to-teal linear gradients for thematic emphasis. Color functions strictly as semantic telemetry and intentional focus, moving the eye from the central glowing CTA button (#2563eb) down across structural hairline dividers (#141c2e) into the multi-column footer. The type hierarchy relies on clean neo-grotesque sans-serif scaling from a bold 56px headline down to 11px uppercase metadata labels with 0.1em tracking. Spacing operates on a rigid 8px baseline, balancing generous 96px vertical section breathing room with tight 8px-12px navigation lists. Radii stay conservative, ranging from 6px social buttons to an 8px primary CTA and newsletter container, projecting enterprise security and disciplined technical restraint.

网页设计设计参考

Midnight Obsidian

The interface operates on an ultra-deep charcoal black canvas (#04070D) paired with subtle elevated navy-charcoal cards (#070E18 to #0A1320). Vibrancy is concentrated purely into electric cyan-sky highlights (#4DD4F0) which illuminate call-to-actions, category selections, and gradient headline spans. Typography is crisp and geometric, featuring high-contrast pure white headlines (#FFFFFF) alongside low-luminance slate text (#7E8B9B) for secondary metadata. Containers maintain strict rounded-rectangle geometry with radii averaging 12px to 16px, framed by faint dark-slate hairline borders (#162232). A persistent left-hand SaaS navigation sidebar frames the landing layout, bridging marketing presentation and live app experience seamlessly.

定价与转化模块设计参考

Midnight Obsidian

A deep obsidian-blue canvas (#050913) hosts a high-density enterprise AI footer and conversion banner. Hierarchy relies on sharp luminant contrasts: text jumps from dim steel-blue captions (#5e718d) to crisp white headlines (#f8fafc) and a vibrant electric blue accent (#2e7cf6) reserved strictly for actions and highlighted words. The primary callout is an expansive rounded card (border-radius: 20px) bordered in subtle navy slate (#17233b) containing a 50/50 split between value proposition and a simulated interactive terminal emulator (#090e17). Layout spacing relies on a strict 8px rhythm with generous 64px to 80px sectional breathing room. A viewer immediately registers the terminal panel's live system diagnostic vibe and the glowing blue highlight on 'today.'

网页设计设计参考

Midnight Obsidian Wealth

The canvas is anchored in a midnight blue void (#070b14) layered with subtly tinted rounded cards (#0d1527) bordered by faint 1px hairline strokes (#18223c). Hierarchy is driven by pure white display numerals (#ffffff) and muted slate body labels (#798ba3), with emerald green (#10b981) denoting gains and ruby red (#f43f5e) signaling losses. Radiant accents in royal violet (#6366f1) define active navigation states, primary action buttons, and focal donut chart segments. Density is compact yet breathable, employing consistent 12px to 16px corner radii across cards and soft pill-shaped controls. The eye immediately locks onto the primary balance metrics and luminous donut visualization before tracking downward across tabular holdings and smooth trendline curves.

定价与转化模块设计参考

Midnight Operative

This dual-tier layout couples an expansive light-mode CTA card with an architectural midnight-navy footer grounded at #070e1b. The upper panel uses a soft radial cyan-blue luminescence across a pristine #ffffff surface, featuring a 24px rounded perimeter with subtle 1px border lines and faint matrix grid work. Deep cobalt blue (#1d4ed8) drives intentional hierarchy, highlighting the pivotal phrase in the 36px title and delivering high-contrast weight across primary action buttons. The lower footer shifts into a dense information grid partitioned into four distinct vertical link directories alongside a newsletter subscription capsule. Small chromatic indicator pips (4px dots in #38bdf8, #a855f7, and #10b981) serve as quick visual signposts for taxonomy categories. Elevation relies on soft 0 20px 40px -15px ambient card drop shadows upstairs, yielding entirely to flat hairline dividing rules downstairs.

定价与转化模块设计参考

Midnight Pipeline

Set on an ultra-dark navy canvas (#06090e to #080c14), the layout balances an expansive, high-contrast CTA card with a comprehensive six-column footer directory. Visual hierarchy is anchored by crisp white display typography, highlighted by electric blue (#2563eb) callouts and a multi-tone metric dashboard. The central CTA card uses a generous 24px border radius, an inner subtle dot-matrix texture, and an outer 1px stroke (#162032) to float above the canvas. Four metric tiles in a 2x2 grid employ dedicated desaturated accent hues (emerald, cyan, violet, and crimson) paired with muted dark-tinted badge containers (40px icon squares with 10px radii). Below, the footer maintains structured calm through 11px uppercase tracking labels, slate text links (#94a3b8), and miniature inline pill badges. Every interactive element respects a strict hierarchy from high-voltage blue fills down to ghost wireframes and micro-icon boxes.

定价与转化模块设计参考

Midnight Protocol

The viewport rests on an ink-black base canvas (#030712) supporting a high-contrast developer CTA and deep hierarchy footer. Color operates strictly as functional signaling: cool slate (#94a3b8) handles ambient documentation while a vivid cyan-to-emerald gradient (#0099ff to #4ade80) drives user commitment. Typography balances a clean neo-grotesque sans-serif for UI layout with an authentic monospace stack inside code previews, ensuring machine readability matches human readability. The primary CTA container employs a 16px radius, subtle border strokes (#1e293b), and an ultra-fine structural grid that mimics blueprint drafting paper. Spacing follows an 8px modular cadence, anchoring a balanced two-column hero frame above a structured six-column directory footer. Users immediately fixate on the vibrant dual-tone primary button before tracking rightward into the syntax-highlighted API execution panel.

网页设计设计参考

Midnight Sovereign

The interface operates on an ultra-deep navy obsidian canvas (#070C15) paired with slightly lifted container tiles (#0D1726) bound by delicate, low-contrast borders (#162438). Hierarchy is established through luminous white primary data points (#F8FAFC) descending to slate secondary labels (#64748B), with teal (#2DD4BF) acting as the single intentional accent for active states, interactive charts, and primary positive trajectories. The design rejects pure black (#000000) and aggressive drop shadows in favor of subtle luminance stepping and 1px crisp architectural divisions. All cards adhere to a uniform 14px border radius, creating a calm, high-trust cadence suited for institutional-grade portfolio oversight. The first element commanding attention is the luminous cyan equity curve anchored by the bold $3,842,289 portfolio valuation.

网页设计设计参考

Midnight Sovereign

The interface operates on an ultra-deep navy and ink canvas (#070d18) that elevates wealth management from dry analytics into an exclusive private-client sanctuary. Atmospheric depth is established by an illustrative dusk mountain landscape running across the hero backdrop (#2b1238 fading to #0c1424), blending fine art with high-density metrics. Information hierarchy relies on bright cyan-teal accents (#14b8a6) for primary actions and affirmative growth curves, balanced by muted slate (#8b9bb4) for labels and crisp white (#f8fafc) for core financial numerals. Cards feature an architectural 12px border radius with subtle 1px translucent borders (#1b2942) that prevent dark-on-dark bleed without harsh bounding boxes. Primary typography uses tight tracking (-0.02em) on 32px display headers alongside monospaced tabular numerals for financial precision. What commands attention first is the luminous cyan equity chart floating effortlessly against the nocturnal topography.

网页设计设计参考

Midnight Sovereign

The interface establishes an authoritative, nocturnal command center for private wealth management, anchored in an abyssal blue-black canvas (#070C14) with layered container modules (#0D1724). Visual hierarchy relies on luminous typography (#FFFFFF for primary figures, #64748B for secondary captions) and selective emerald-cyan luminescent accents (#14B8A6) rather than ornamental decoration. High-density financial metrics are disciplined by a consistent 16px grid gap and uniform 14px corner radii across all analytical modules. The viewer immediately fixates on the commanding $2,842,550 net worth KPI and its paired glowing sparkline, anchoring the visual entry point before cascading down into segmented asset allocation donuts and multi-column tabular holdings. Precision line-charts and subtle 1px borders (#162436) maintain rigorous institutional clarity throughout.

定价与转化模块设计参考

Midnight Synapse

Built on an ultra-dark midnight navy foundation (#050811), this interface combines high-contrast typography with bioluminescent cyan and emerald accents. Hierarchy is strictly maintained through luminance: pure white (#FFFFFF) commands hero headings, steel slate (#94A3B8) carries explanatory copy, and electric gradient fills highlight primary user actions. Cards feature generous 24px corner radii with hairline borders (#1A263D) and contained cosmic particle waves or glowing 3D artifacts. Layout rhythms lean on a 16px to 24px grid system with padded card interiors at 32px to 40px, giving high breathing room despite dense information. A reader's eye is immediately pulled to the prominent gradient action button (#18A0FB to #2DE2B6) and the electric blue hand-drawn underline accent beneath the hero verb.

首屏与背景设计参考

Midnight Syntropic

The layout is anchored by an abyssal dark canvas (#06080d) with zero bright white background glare, relying entirely on luminance contrast for hierarchy. Color functions as targeted intent: a vivid electric blue (#2968ff) claims primary conversion actions, while an electric blue-to-lavender gradient (#3b82f6 to #b197fc) highlights key value verbs in the title. Type establishes immediate authority with an ultra-bold display headline at 64px with tight tracking (-0.03em) juxtaposed against low-contrast muted slate body copy (#8b95a5). Cards and mockups use a precise 12px to 16px corner radius, framed by razor-thin dark slate strokes (#182234) rather than heavy drop shadows. Readers immediately lock onto the high-saturation blue CTA button and the floating angled desktop dashboard glowing over a particle stipple field.

网页设计设计参考

Midnight Telemetry

is an ultra-refined dark dashboard landing interface anchored on a rich obsidian-blue base (#030712) with subtle volumetric glow. Color serves predominantly as focused signal: vibrant cyan-to-purple horizontal linear gradients highlight primary calls-to-action and key display phrases, while muted electric cyan (#38bdf8) and emerald (#34d399) represent statuses and sparklines. Typography relies on a crisp geometric neo-grotesque with tight display tracking and generous leading on secondary copy. Structural elements employ deep slate rounded containers (radius 16px to 20px) bordered by extremely faint 1px overlays (#1e293b). The visual anchor is the floating concentric 3D target ring graphic embedded in a multi-layered glass-like card on the right.

定价与转化模块设计参考

Midnight Telemetry

The canvas is anchored in a near-black obsidian background (#06080e to #080d1a) activated by an expansive, diffuse radial indigo glow centered behind the primary CTA block. Color is used strictly for functional hierarchy: bright white (#ffffff) commands display text, an electric periwinkle-blue (#5e72e4) pulls immediate eye contact to key phrases and primary actions, while muted slate (#8b95a5) handles operational body copy. Typography leans on clean grotesque sans-serifs, counterbalanced by monospaced uppercase tracking in telemetry chips and technical status badges. Spacing is expansive vertically (roughly 80-120px between major tiers), using subtle hairline borders (#1e2538) to define inputs and pills with smooth 999px and 8px radii. A visitor immediately registers the deep blue atmospheric luminescence framing the 'End-to-end' headline before tracing down to the massive architectural logo mark in the footer.

网页设计设计参考

Midnight Valet

The interface operates on an ultra-dark navy-black canvas (#030611) designed to evoke the discretion and premium texture of nocturnal luxury service. Color acts strictly as an operational beacon: electric cyan (#00b2fe) drives immediate transactions, while deep violet-purple (#4d32a4) denotes loyalty and luxury tiers. Headings are set in an authoritative, tight-tracked neo-grotesque sans, featuring selective two-stop linear gradients to emphasize finality and delivery. Information is structured into modular bento containers and segmented cards defined by hairline borders (#121e36) rather than heavy drop shadows. Observed interface dimensions include 18px rounded container radiuses, 6px radiuses on action triggers, and a structural gap rhythm of 24px and 48px across sections. The primary focal point is the tactile, hyper-detailed hero garment shrouded in clear protective film under studio rim lighting.

定价与转化模块设计参考

Midnight Velocity

The canvas operates on an ultra-dark navy foundation (#04060e) illuminated by a sweeping atmospheric cyan-indigo gradient glow in the hero that grounds into deep obsidian in the footer. Color functions strictly as functional hierarchy: an electric lime-yellow (#d4f866) isolates the primary conversion trigger, periwinkle blue (#6375f7) powers the subscription action, while muted slate (#8b9bb4) renders navigational depth. Typography employs a refined geometric sans with tight tracking on dense headings and spacious uppercase micro-caps for categorical columns. Card structures showcase 14px to 18px radii wrapped in 1px low-opacity borders (rgba(255, 255, 255, 0.08)) that preserve dark mode legibility without harsh drop shadows. The viewer immediately registers the high-voltage contrast between the lime hero CTA button and the nocturnal deep-violet radiance behind the floating SaaS dashboard preview.

移动端界面设计参考

Mindful Canopy

This interface pairs an ultra-clean, warm ivory canvas (#FAFAF9) with a deep, authoritative emerald green summary card (#0E483B). The top header balances gentle editorial greeting type with a cut-out photographic portrait framed against a soft sage arch (#E4EFEA). Information hierarchy relies on high-contrast emerald anchoring the primary dashboard metrics, followed by whisper-soft border treatments (#EBEBE8) for secondary quick action tiles. Typography is clean and rounded-geometric with distinct optical weights—thin for greetings ('Good morning,') and bold-cut for names ('Alex'). Subtle tinted circular gauge rings in mint (#4ADE80) and cyan (#38BDF8) translate multi-modal tracking data directly over dark teal surfaces. Radii are generously rounded at 24px for macro cards and 16px for utility action buttons, creating an approachable, organic cadence.

移动端界面设计参考

Mindful Canopy

This interface relies on an ultra-soft, warm pale-sage canvas (#F8FAF9) that establishes an unhurried, restorative atmosphere. Colour functions strictly as semantic hierarchy: deep teal-slate (#10252C) anchors primary typography, deep pine (#0F5651) houses the hero call-to-action card, and muted pastels delineate distinct health domains (mint, coral, lilac). The typography leans on a geometric sans with rounded attributes and confident weights, pairing tight title tracking with airy body lead-ins. Structural rhythm relies on generous rounded corners (20px to 24px) with pure white (#FFFFFF) elevated surface tiles and zero harsh borders or drop shadows. A first-time user immediately spots the deep spruce-green interactive check-in card occupying the optical center with its circular graphic.

移动端界面设计参考

Mindful Emerald

The screen rests on an ultra-pale, warm mint-grey canvas (#F7FBF9) establishing a soothing, distraction-free environment. Visual hierarchy is anchored by an oversized, deep teal gradient hero card (#0A5C5A to #0D6B63) with rounded 28px corners, presenting wellness metrics via crisp white typography and a multi-hued circular progress gauge. Secondary interactions rely on soft off-white cards (#FFFFFF) with generous 20px radii, paired with pastel circular avatar icons tinted in soft sage (#D5EBE5), blush peach (#FDE8DC), lavender (#EDE8F5), and pale cyan (#DCEEF2). Typography uses an approachable neo-grotesque with humanistic curves, rendering headings in rich charcoal (#14211F) with generous line heights. The UI maintains a spacious, rhythmic 16px to 24px grid that avoids dense dividers in favour of gentle surface contrasts and whisper-light borders.

网页设计设计参考

Mindful Roast

The interface rests on a luminous, warm linen canvas (#f9f6f0 to #f3ede2) that emulates natural morning daylight striking textured ceramics and paper goods. Color establishes immediate tonal authority: deep charcoal (#1f2120) provides grounded legibility for primary headlines and buttons, while a saturated terracotta (#b06853) anchors split-screen feature callouts and soft pastel washes (#dde8e4, #faede6) tint micro-icon badges. Typography pairs high-impact, tight-aperture geometric display headings (approx. 56px with -0.02em tracking) with quiet, utilitarian body copy. Structure relies on hairline divider borders (#e5ddd2) and a strict 4-column process grid rather than drop-shadowed containers. Interactive elements reject bulbous pills in favor of tailored, low-radius rectangles (3-4px radius), cultivating an apothecary-grade discipline.

网页设计设计参考

Mindful Sanctuary

The canvas rests on an immaculate white (#FFFFFF) ground subtly framed by whisper-soft periwinkle gradients. Royal cobalt blue (#3B5CE8) serves as the primary focal anchor, driving action on the primary CTA button and emphasizing the title phrase 'Self-Isolation'. Soft pastel coral pink (#FA6E7F) and sky tint (#E9F0FD) balance the composition, lending emotional warmth without visual clutter. Typography relies on a geometric, humanized sans-serif with bold display headings (around 52px) paired with compact 12-14px informational body copy. Spacing is expansive and deliberate, utilizing generous 80px+ vertical clearances alongside 24px rounded card containers. A reader immediately notices the whimsical vector illustration of a protected figure under a glassy bell jar, anchored below by a four-column floating statistics dock.

移动端界面设计参考

Mindful Studio

The screen uses an ultra-soft alabaster canvas (#FAF7F5) layered with pure white (#FFFFFF) elevated surfaces. Color is strictly functional: saturated coral (#F86B5A) anchors primary branded accents and live indicators, while four distinct candy pastels (blue #5D9CF6, teal #3DBB9B, lilac #AB94F6, coral #F87A75) disambiguate top-level category pathways. Typography leans on high-contrast geometric grotesque headings, pairing deep obsidian headlines (#181A20) against calm stone-gray metadata (#767B86). Shape language relies on deep 24px corner radii on cards and 18px squircle icons, offset by pill badges with 999px radii. The hero banner balances an expressive spot illustration against tight typography, immediately drawing the eye to the floating play button and rich active-stream card below.

排版与文字重建提示词

透明背景极简面包店标志

一个扁平、矢量风格的面包店标志，居中置于干净的透明背景上，无任何衬底。

移动端界面设计参考

Mint Asset Studio

The canvas is a pristine white #FFFFFF surface accented by very soft atmospheric gradients in the upper quadrant and a floating peach decorative orb. Deep pine teal #0F7B75 acts as the dominant structural and typographic anchor, contrasting against energetic mint #24D1C2 highlights and warm peach #FFB199 accents. Typography relies on a modern, friendly geometric sans with heavy display headings at roughly 28px paired with muted grayish-teal body copy at 13px. Spatial composition follows an airy mobile card cadence with 16px to 20px horizontal margins and 20px to 24px vertical section rhythm. Shape language is predominantly rounded, featuring 20px corner radii on the central preview card, 14px on icon asset tiles, and full 999px pills for contextual metadata tags. A user immediately notices the dark teal isometric showcase card with its turquoise stringed instrument visual.

首屏与背景设计参考

Mint Executive

The interface operates on an ultra-clean #ffffff background given atmospheric depth by an asymmetric radial emerald glow centered behind the right-hand mockups. Dominant high-contrast typography anchors the left quadrant in deep slate #111827, where a 64px display headline sets an assertive, no-nonsense executive tone. Brand green #0f6e52 is applied with surgical restraint, reserved exclusively for primary action triggers, eyebrow metadata, and status badges. Surrounding elements rely on hairline borders of 1px solid #eef1f3 and sweeping 16px card corner radii to create an airy modular feel. The right column visualizes an automated workflow through cascading white cards connected by subtle 2px green routing lines and 999px pill badges. A visitor immediately registers the monumental typography before their gaze glides rightward into the serene, floating canvas of automated inbox tasks.

界面组件与网格设计参考

Mint Quantum Pipeline

The interface operates on an ultra-dark cyan-tinted obsidian canvas (#04090D) where informational hierarchy is governed by luminance rather than varied hues. A single vibrant seafoam-mint accent (#47CCA0) serves dual duties: directing focus onto key efficiency metrics and signaling sequential data flow across four progressive step containers. Typography leverages an assertive geometric sans for high-contrast headlines alongside crisp monospace (#060D12 code backgrounds) for technical verification. Cards are enclosed in 16px rounded rectangles with faint 1px slate-cyan borders (#152833) linked by dashed telemetry lines bearing glowing 6px connector nodes. Visual weight culminates on the rightmost terminal card, which terminates the pipeline with a solid luminous mint CTA button (#47CCA0). Inline metric chips and glowing 3D hardware render in step three anchor the narrative between developer middleware and realized enterprise ROI.

定价与转化模块设计参考

Mission Critical Defense

Set against a pitch-black canvas (#07090E), this interface stages a high-conviction side-by-side comparison between legacy defense dysfunction and modern autonomous intelligence. The layout pairs an understated muted slate problem card on the left with an active, luminous neon-bordered solution container on the right. Color encodes semantic state: danger/inertia relies on burnt coral (#E05A47), whereas technology capability radiates in electric cerulean (#3B82F6) and glowing cyan (#60A5FA). Typography is executed in an engineered neo-grotesque with tight tracking (-0.02em) on titles and legible tall x-height body copy. Deeply rounded rectangles (20px border radius) frame the major architectural blocks, with dense nested micro-UI dashboards inside.

定价与转化模块设计参考

Mission Intelligence

This interface pairs an ivory editorial surface (#F8F6F2) with a deep aerospace-black anchor footer (#0B0F14). Typography establishes authority through a sharp, high-contrast serif headline matched with utilitarian neutral sans-serif body text. Color operates strictly as operational signal: a rich aerospace crimson (#A31D1D) is reserved exclusively for high-intent conversions and terminal punctuation, while muted semantic pastels define telemetry stat badges. Spacing in the hero is airy and unhurried with a 48px headline gap, transitioning sharply into a structured 6-column tactical footer grid. A visitor first notices the high-contrast crimson period anchoring the display headline beside an ethereal blue pointillist particle swarm.

界面组件与网格设计参考

Mission Shield

The canvas is an ultra-deep charcoal navy (#030712) supporting crisp, high-trust engineering proof points. Hierarchy is established through stark white display typography with bright cyan-blue emphasis keywords ('agent mistakes') and emerald-accented badges. Cards use a subtle translucent dark navy fill surrounded by delicate 1px hairline borders that catch minimal ambient light. Spacing is strictly modular, arranged in descending tiers: overarching metric pill, hero statement, a 5-column metric strip, a 3-column testimonial block, and a monochrome customer logo ribbon. The entire aesthetic communicates mission-critical reliability, low latency, and deterministic infrastructure safety.

电商商品

模特与宠物试衣

输入：上传服装或配饰图片此模板同时覆盖人物模特试穿与宠物试穿场景，适合服装、Cosplay 道具以及宠物时尚等需要在不同主体上展示同一件衣服的素材

电商商品

模特姿势拓展 — LOVE 卡通 T 恤

输入：上传原始的模特服装图片可生成侧身、45 度侧身、正面行走等多种姿势，无需重新拍摄即可丰富一组服装素材

电商商品

模特姿势拓展 — 灰色半拉链卫衣

输入：上传原始的模特服装图片可生成侧身、45 度侧身、正面行走等多种姿势，无需重新拍摄即可丰富一组服装素材

电商商品

模特试鞋

输入：上传鞋子产品图片使用前请替换 {搭配描述}。示例：「一个模特穿图中鞋子，棕色短裙」。适用于运动鞋、高跟鞋、靴子和当季鞋款的素材

电商商品

模特替换与外观控制 — LOVE 卡通 T 恤

输入：上传原始模特穿搭图使用前请替换 {人种}、{发型描述}、{肤色} 和 {发色}。示例：「帮我分别把图片的模特换成黑人模特，脏辫发型，保持衣服不变」「帮我把人物换成一个欧美女模特，白皮肤，金发，服装不变」。此模板帮助你在不重新拍摄的情况下，为不同受众本地化时尚素材

电商商品

模特替换与外观控制 — 灰色半拉链卫衣

网页设计设计参考

Modern Finware

The canvas is built upon an ultra-warm off-white foundation (#FBFBFA) that deviates from sterile enterprise blues in favor of tailored editorial poise. Visual hierarchy is strictly enforced through monochromatic charcoal typography (#111318) disrupted strategically by a distinct burnt-clay terracotta (#C8533F) reserved for pivotal heading words and category badges. Spacing is expansive and calibrated to an 8px grid with generous section buffers exceeding 120px, creating breathing room for floating UI artifacts. Cards and containers leverage 16px to 20px radii, dressed in translucent white or crisp opaque panels with hairline borders (#EAE8E3). The user is immediately grounded by the juxtaposition between structured enterprise copy on the left and an airy, isometric credit-card composition suspended over soft pistachio and peach ambient glows (#75B88D, #F28E75) on the right.

网页设计设计参考

Modern Haven

Built on an expansive #ffffff canvas, this interface achieves high-end trust through disciplined whitespace and an energetic #2563eb brand accent. Pure functional layout dominates: hero staging anchors the top right while typographic messaging grounds the left. Typography relies on a clean, geometric sans-serif scaled dramatically from a 52px display headline down to 11px micro-metadata. Component containers employ generous border radii ranging from 16px cards to full 999px pill buttons, eliminating harsh industrial edges. Structural hierarchy is reinforced through subtle #f8fafc tinted sub-surfaces rather than heavy drop shadows or borders. A reader immediately registers the plush sage sofa staging, followed instantly by the saturated cobalt 'Shop Now' CTA.

网页设计设计参考

Modernist Folio

A high-end editorial publication built upon a warm off-white linen canvas (#F9F8F5) that eschews digital starkness in favor of tactile paper warmth. Hierarchy relies on dramatic typographic scale leaps—from a massive 84px condensed display masthead down to whisper-quiet 10px uppercase tracking tags—rather than saturated color fills. A single evocative terracotta rust (#B85D43) appears sparingly as an active focus state, featured pill, and primary action disk. Imagery is treated with absolute 0px square-cut precision, separated by generous 32px gutters and hairline 1px dividers (#E5E3DC). A muted stone banner (#D9D7D0) anchors the newsletter break, complemented by delicate contour-line vector motifs that evoke architectural drafting.

网页设计设计参考

Modular Blueprint

The canvas is anchored on a dual-surface structure: an ultra-pale cool grey-blue backdrop (#f8fafc) paired with pure white (#ffffff) cards and navigation panels. Color operates strictly as communicative hierarchy, reserving high-saturation cobalt blue (#2563eb) for the active primary actions and hero highlight text, while soft pastel washes isolate preview illustrations. Typography relies on a modern humanist-geometric sans-serif with a commanding weight differential between the semibold 32px display title and 12px secondary metadata. Structure follows a disciplined 8px spatial rhythm, standardizing 16px corner radii on template cards and 10px on interactive elements. Subtle single-pixel borders (#f1f5f9) define containment without visual weight. What a reader notices first is the two-tone hero headline anchored by the floating dashboard visual before their eyes scan the crisp 4-column card grid.

网页设计设计参考

Modular Fintech Air

The interface operates on a pristine #FFFFFF canvas warmed by soft radial underglows in pale blush (#FFF0F3) and faint sky blue (#F0F7FF). Visual hierarchy is driven by a vibrant royal blue (#1768ED) paired against deep slate headings (#0F172A) and muted cool-grey body copy (#64748B). Color functions strictly as semantic reinforcement—card icon squares transition between blue (#1768ED), coral-rose (#FF5A76), and mint-emerald (#2DD4BF). Geometry relies on clean squircle cards with 16px to 20px radii, contained 1px hairline borders (#EDF2F7), and 8px radii on primary actionable buttons. What catches the eye first is the hero 3D collage: a central mobile mock surrounded by elevated, tilted white tiles showcasing realistic consumer lifestyle products.

首屏与背景设计参考

Modular Lavender

The canvas rests on an ultra-light pearl backdrop (#FAFAFD) transitioning smoothly into an isometric wireframe city terrain rendered in soft lavender and peach tones. Primary typographic contrast relies on deep graphite (#111827) for bold headline hierarchy, dynamically broken up by a two-tone gradient statement using deep purple (#5E41E6) and warm coral (#DE6552). Spacing follows a balanced 8px rhythm with generous 64px section offsets and 16px corner radii on major containers. Functional components, such as the hero product preview, combine a dark terminal header (#14161F) with clean white interior cards (#FFFFFF) and crisp 1px borders (#E5E5EF). A reader immediately notices the contrast between the bold, punchy product promise and the detailed, tactile floating application preview.

移动端界面设计参考

Modus Noir Luxury

The interface operates on an ultra-dark canvas anchored by #07090E, conveying upscale luxury furniture retail through subtle tonal layering. Card containers use dark muted charcoal gradients (#171A21) with generous 24px border radii, softly separated from the deep background without harsh borders. Chromatic accenting is strictly contextual: a warm muted olive green (#547535) commands active navigation states, primary buttons, and hero highlights, while deep sapphire navy (#0D172A) isolates promotional sale panels. Typography relies on clean geometric sans-serif styling with prominent letter-spacing on the brand mark and bold, high-contrast white headlines (#FFFFFF). Readers immediately register the studio photography of designer furniture emerging from atmospheric dark shadows, framed by generous negative space and pill-shaped interactive anchors.

网页设计设计参考

Molisem Editorial

Built on an expansive off-white field (#FAFAFA) divided by razor-thin hairlines (#E6E8ED), this design balances quiet editorial white space with monumental typographic presence. Contrast is strictly governed: deep obsidian (#131722) delivers supreme legibility for the colossal ~104px title and body text, while utilitarian steel (#7D8494) anchors supporting captions and metadata. Pure functional cobalt blue (#1F65EC) is withheld exclusively for interactive anchors—navigation dots, trend curves, active progress states, and key action buttons. Shape conventions alternate between precise geometric cards softened by generous 20px-24px corner radii and strict 1px horizontal demarcation rules. The composition's immediate focal anchor is the monumental title 'Molisem' underscored by a subtle, warm-peach diffuse glow (#FF8E7D at low opacity) contrasting against the crisp, greyscale tactile architecture.

移动端界面设计参考

Monolith Architectural

This luxury architectural studio mobile interface utilizes a split-canvas structural paradigm: an obsidian dark-mode hero (#0e0e10) juxtaposed against an overlapping warm off-white bottom sheet (#f4f3ef) with an exaggerated 32px top corner radius. Typography is dominated by high-contrast editorial serifs reminiscent of Cormorant Garamond for headlines paired with neutral sans-serif body copy in warm muted grey (#a09e99). Color is disciplined, using deep crimson-burgundy (#63242a) strictly for hero call-to-actions and subtle focal dot accents. Structural metrics like the three-column metric bar leverage hairline vertical dividers (#28282b) and champagne-tinted outline iconography. Visual hierarchy immediately draws focus to the bold multi-line serif title 'Design with purpose.' before grounding the user into tactile horizontal content rows.

定价与转化模块设计参考

Monolith Dual

This interface features a dramatic dual-canvas architecture where a pristine white (#ffffff) orbital hero CTA sits directly above a monolithic midnight navy (#070d1a) multi-column footer. Color operates with strict semantic discipline: high-energy electric indigo (#3b46f1) and magenta-rose (#ec4867) form display gradients and primary actions, while emerald (#10b981) denotes live operational states. Typography leverages a muscular geometric grotesque with tight tracking (-0.03em on display headlines) paired with crisp monospace/uppercase micro-labels spaced at +0.08em tracking. Layout spacing is strictly gridded with generous 80px to 100px vertical breathing room in the hero and 24px column gutters in the footer. The visual hierarchy draws immediate focus to the headline's saturated two-tone gradient ('Anywhere. Now.') before descending into the dense, enterprise-grade dark footer anchored by the massive uppercase 'GENERAL INSTINCT.' brand mark.

定价与转化模块设计参考

Monolith Tier Matrix

The interface relies on an ultra-pale slate canvas (#f8fafc) hosting a split layout: marketing value propositions on the left and an expansive comparison matrix card on the right. Hierarchy is defined not by loud color splashes, but by a striking contrast inversion where the third tier ('Business') ruptures the white (#ffffff) container with a deep navy slab (#0a1128) protruding roughly 16px past the top and bottom borders. Typography is clean and geometric, using deep ink (#0f172a) for high-impact display titles (38px) paired with quiet slate body copy (#64748b) at 14px. Tabular rows maintain generous 44px vertical line-height rhythms, separated by hairline borders (#f1f5f9). The eye is instantly captured by the midnight monolith capped with a vibrant royal blue (#2563eb) 'MOST POPULAR' pill badge before tracing leftward to the product promises.

首屏与背景设计参考

Montane Protocol

The interface sits atop a deep twilight mountain range photograph fading into an obsidian-slate canvas around #060a12, blending photorealistic nature with technical enterprise tooling. Hierarchy relies heavily on luminosity contrast: pure white (#FFFFFF) for the primary headline and primary text, muted slate-blue (#94A3B8) for secondary copy, and a glowing iris-violet (#6366F1) for active states and primary conversions. The key typographic moment is the dual-tone display title at 54px, where the phrase 'autonomous agents.' shines in an ethereal violet-to-pink gradient. Rounded rectangles dominate the surface architecture, ranging from 8px on buttons to 14px on code and architecture panels, all outlined with a razor-thin 1px border (#1E293B at 60% opacity). A reader immediately notices the striking balance between the soft atmospheric photography on the left and the razor-sharp interactive terminal cards on the right.

电商商品

多角度产品视图 — 登山靴（其他款）

输入：上传产品参考图适用于产品卡片、轮播图、功能拆解和特定角度的详情页

电商商品

多角度产品视图 — 黄棕色登山靴

输入：上传产品参考图适用于产品卡片、轮播图、功能拆解和特定角度的详情页

继续浏览下一页提示词。