Prompt 灵感库 · GPT Image 2.5

GPT Image 2.5 提示词

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

正在显示 72 / 3390

Luminescent Obsidian Core

Set against an infinite obsidian canvas (#040711) textured with faint topological particle mesh at the base, the composition pairs an asymmetric two-column value proposition on the left with a radiant 3D crystal prism on the right. Color operates strictly as energy: white (#FFFFFF) provides stark typographical hierarchy, while a vivid electric blue to violet gradient (from #3882F6 to #A855F7) highlights the core market wedge 'for consumer brands.' Delicate circuit lines trace inputs and outputs to a glowing multifaceted crystal core resting on a concentric glowing dais. Structural elements favor dark semi-translucent pills with subtle 1px translucent borders (rgba(255, 255, 255, 0.12)) and 8px corners. The eye is instantly pulled toward the optical brilliance of the blue-purple volumetric refraction before descending into the crisp 54px display headline and high-contrast royal blue CTA (#4361EE).

界面组件与网格设计参考

Luminescent Patron

The interface presents an ultra-clean, high-legibility light canvas set on #f8fafd with pure #ffffff component cards. Color operates functionally to create trust and energy: a solid royal blue (#1351e6) announcement banner establishes presence, while an energetic magenta-to-indigo gradient accentuates the focal word 'future' and drives the primary CTA. Content flows across a dual-column layout where the left column houses value propositions, a four-point feature matrix, and global proof metrics, while the right features an elevated creator card (radius: 24px, subtle 0 24px 48px rgba(15,23,42,0.06) elevation). Micro-features utilize 40px pastel squircle icon badges (#edf2fe, #fcebf0, #e6f9f6, #f1f3f7) to compartmentalize information without visual noise. Readers notice the high-contrast typography hierarchy first, immediately followed by the vibrant glowing CTA button and fantasy artwork.

首屏与背景设计参考

Luminescent Pipeline

The canvas is constructed on a deep obsidian and midnight-navy gradient ground (#030712 to #050e2e), punctuated by an ambient radial bloom of electric cobalt blue (#1d4ed8) in the upper quadrant. Color acts as a strict informational hierarchy: white (#ffffff) commands primary hierarchy in headlines, high-contrast cyan-blue (#38bdf8) isolates programmatic keywords and telemetry, and muted slate (#64748b) governs secondary annotations. Typography pairs a crisp geometric grotesque headline scale at 56px with a disciplined monospace engine at 13px for code objects. Surface cards feature 16px corner radii, razor-thin translucent borders (1px solid rgba(255,255,255,0.08)), and selective neon stroke glows. What commands attention immediately is the central glowing code terminal card surrounded by distributed tactical operational widgets, suggesting a direct translation from chaotic business data into structured schema.

首屏与背景设计参考

Luminescent Pointcloud

The canvas rests on a profound, near-black space navy (#050B14) where color serves as luminescent signal energy rather than static decoration. Typography is anchored by crisp white (#FFFFFF) display titles set in a contemporary geometric sans, complemented by secondary body copy in muted slate (#94A3B8). Spatial density is comfortable and asymmetrical: an imposing 3D point-cloud globe occupies the right half, balancing clean, stacked typography on the left. Rounded container elements feature disciplined radii, from 999px pill badges to 8px button corners, avoiding aggressive roundedness in favor of technical polish. The visual hierarchy immediately directs the eye to the brilliant cyan (#2DD4BF) and violet (#A855F7) particle cluster before cascading down through the high-contrast headline and solid teal CTA.

定价与转化模块设计参考

Luminescent SaaS Suite

The interface operates on a pristine #ffffff base with an expansive floating hero CTA card bounded by a 24px border radius and bathed in an ethereal #f5f3ff lavender perimeter glow. Typography relies on a neo-grotesque sans-serif delivering stark contrast between #0f172a primary headlines and a striking two-tone gradient accent transitioning from vibrant coral #f97316 to rich violet #8b5cf6 on pivotal keyword phrases. Spacing is lavishly distributed with a 72px vertical breathing room inside the hero container and tight 8px-16px gaps anchoring micro-copy and icon pairings. Functional UI elements adopt soft corner treatments with 10px radius buttons and 8px social containers, eschewing heavy drop shadows for thin #e2e8f0 hairline borders. A reader immediately registers the luminous, spacious conversion card followed by the balanced, highly legible six-column footer architecture.

网页设计设计参考

Luminescent Studio

Built on an ultra-dark navy canvas (#040914), this dashboard interface employs a high-contrast futuristic tech aesthetic. Color functions strictly as semantic illumination: vibrant lime-green (#64DF4B), cyan (#28D4D6), and electric blue (#3B82F6) highlight sequential phases (1, 2, 3), while neutral blue-grays handle supporting copy and iconography. Containers use subtle 1px border lines (#0E1B2D) with 16px to 20px rounded corners on dark card surfaces (#07101E). The typography leans clean and geometric with crisp weights from regular body (13px) to massive numeric displays (72px). An observer is immediately drawn to the three central numbered milestones, which float atop radiant, glowing horizontal lens flares beneath thin line-art circular badges.

首屏与背景设计参考

Luminescent Summit

The layout is grounded on a deep cyan-obsidian canvas (#071317) that transitions into a cinematic mountain landscape lit by bioluminescent data streams. Color is strictly functional: glowing emerald (#249C73) and mint (#89DCB5) denote foundational telemetry, while warm radiant amber (#F6C174) marks apex business outcomes and peak sunlight. Typography establishes an intellectual, high-conviction voice by juxtaposing a rational modern grotesque with a delicate, high-contrast italic serif for the signature phrase 'Finally, the why.'. Interface components use glassmorphic frosted plates with translucent backdrops (rgba(10, 28, 34, 0.75)), hairline borders (1px solid rgba(255, 255, 255, 0.12)), and tight corner radii (8px to 14px). Visual hierarchy immediately pulls the eye from the luminous 64px display headline down the fiber-optic river toward the floating insight telemetry HUD card.

定价与转化模块设计参考

Luminescent Trust

The interface operates on a deep void background (#07090e to #0b0e17) dominated by a curved banner CTA container with fine luminous hairline borders. Hierarchy is reinforced via an iridescent gradient treatment on critical headline typography and CTA buttons, moving from periwinkle lavender (#8472f3) to radiant coral (#ff6b57). Body copy rests comfortably in muted cool grey (#9ca3af) while structural grid lines use barely perceptible deep indigo borders (rgba(255, 255, 255, 0.08)). A signature illuminated isometric prism floats in the lower-right of the CTA banner, emitting a soft warm radial glow. The typography features a clean, technical geometric sans serif with relaxed body leading and wide letterspacing on uppercase labels.

界面组件与网格设计参考

Luminescent Trust

This interface presents a clean B2B SaaS social proof and trust section built over a pure white canvas that softly degrades into a diffuse periwinkle-blue ambient glow in the lower-right quadrant. Color is deployed with strict restraint: deep slate #0b0f19 anchors the heavy typography, while an electric indigo #3b5bf5 isolates the focal phrase 'high-performing' and fills inline checkmark badges. The main visual density is concentrated in an 18-item grid (6 columns by 3 rows) of rounded-corner cards (radius 12px) housing monochrome partner logomarks. Content flows from a left-aligned badge, headline, and value-prop cluster into a horizontal ticker of micro-benefits before widening into the expansive logo matrix. A viewer's eye lands first on the bold two-tone headline at approximately 44px before tracking down across the balanced white tiles.

首屏与背景设计参考

Luminescent Workflow

Built on an organic ivory backdrop (#FAF8F5), this hero balances crisp technical utility with ambient atmospheric warmth. Chromatic energy is concentrated into glowing topographic field lines transitioning from sunlit amber to cyan (#38B2AC) and coral (#E25C47), framing the content without overwhelming text legibility. Typography relies on a sharp neo-grotesque with tight display tracking (-0.03em) commanding attention via a massive 60px primary headline. Surfaces deploy frosted white cards with delicate hairline borders (rgba(255,255,255,0.85)) and generous 14px to 18px radii to appear tactile yet weightless. High-contrast solid ink (#18181B) anchors critical interactive states like primary CTAs and navigation points. A viewer immediately notices the luminous central diagram tracing app inputs into a glassy squircle hub.

网页设计设计参考

Luminous Academy

Built on an ultra-deep navy background (#060B14), this interface uses luminous color injection to create clear informational hierarchy. High-contrast typography relies on pure white (#FFFFFF) for display headings and muted blue-gray (#94A3B8) for supporting body copy. Radiant cyan (#00D2D3) acts as the primary interactive catalyst, drawing immediate gaze to conversion buttons and active headline spans, while electric purple (#A855F7) and emerald (#10B981) categorize course topics. Structural cards adopt smooth 16px to 20px radii bound by discreet 1px translucent borders (#1E293B) rather than heavy drop shadows. Ambient neon gradient glows and orbital trace vectors frame photographic windows of real learners paired with 3D digital artifacts. The reader instantly perceives a premium, technical, yet human-centric learning ecosystem with deliberate visual breathing room.

首屏与背景设计参考

Luminous Acoustic Dark

The interface operates on an ultra-dark cosmic blue canvas (#050914) framed by vertical luminous cyan and violet ray caustic lighting. Color acts primarily as an indicator of sonic energy and hierarchy, utilizing vibrant cobalt blue (#386df6) for primary conversions and delicate electric cyan borders (rgba(56, 189, 248, 0.2)) to define translucent glass surfaces. Typography is anchored by a sharp geometric sans, disrupted deliberately by an elegant italicized wordmark ('feel.') in the display headline. Spacing follows a structured 8px modular cadence, giving heavy breathing room between text anchors and interactive preview modules. Readers immediately perceive the dense 2x2 use-case mosaic paired with the live interactive API terminal framed by 16px corner radii.

首屏与背景设计参考

Luminous Agentic

The canvas is anchored on stark white (#FFFFFF) with an atmospheric bleed of vertical light streaks in cyan, cobalt, and neon chartreuse on the right half. Color functions as intentional semantic telemetry: vibrant cobalt (#0052FF) highlights the inflection point of the headline ('To action.') and activates the primary CTA, while deep ink (#0B1226) stabilizes display type and secondary nav elements. Typography is set in a precision geometric sans with tight line-height (1.05 on the display title at ~68px) and assertive three-phrase punctuation. Layout leverages asymmetric tension with a disciplined, left-aligned typographic stack balanced by a radial cybernetic graph anchored by an illuminated frosted central core (radius 50%, ~96px diameter). Observed values include button border-radius at 10px, node badge radii at 12px, a launch pill with 999px radius, and subtle 1px border strokes tinted in soft azure (#D8E5FE).

首屏与背景设计参考

Luminous Cadence

The canvas is built on an ultra-pale lilac-white field (#F8F9FE) elevated by an ethereal kinetic ribbon of indigo, cyan, and violet dust. Typography establishes strict cognitive hierarchy: a solid deep navy (#131938) anchors the first half of the display heading, instantly yielding to an electric periwinkle-to-amethyst gradient (#3A63F3 to #8561F6) for emotional resonance. Spatial density is exceptionally airy, giving the angled floating checklist card and hero typography wide breathing margins of over 64px. Interactive components rely on a disciplined contrast between saturated ultramarine pills (#345DED) and frosted-glass translucency bordered in 1px soft slate (#D9DFEC). Metric counters along the base anchor the composition with pastel-tinted icon chips (14px radius) paired with confident 28px bold numerals. The visual centre of gravity is undeniably the angled 3D card embedded within the cosmic particle whirlpool.

首屏与背景设计参考

Luminous Civic

The interface is set on an airy light canvas blending from pale ice-blue into a vibrant atmospheric wave of teal, cyan, and warm amber light trails along the bottom right. Structural hierarchy relies on a commanding deep pine-teal (#0D4749) for primary calls to action, paired with an oceanic teal (#0D7C85) applied to headline emphasis and key metrics. Typography uses a high-legibility geometric neo-grotesque set at approximately 52px for the hero headline with tight tracking (-0.02em), grounding public-sector seriousness with contemporary polish. Spacing is comfortable with a strict 16px to 20px card corner radius across an offset 5-item bento grid layout on the right. A visitor first notices the luminous abstract light wave cutting diagonally behind crisp, frosted-white bento tiles.

首屏与背景设计参考

Luminous Conduit

The canvas executes a striking hybrid transition: a nocturnal navy-black (#030712) header melts via an organic aurora gradient of cobalt blue (#2563eb), violet (#8b5cf6), and luminous cyan (#06b6d4) into a pristine off-white (#f8fafc) main workspace. Color is deployed with mathematical discipline; while the ambient glow is atmospheric, sharp gradients are reserved strictly for high-intent interactive states and keyword emphasizes ('move', 'trade', 'file') within the display heading. Typography relies on a modern neo-grotesque sans-serif rendered in deep charcoal (#0b0f19) at 56px for display weight, providing surgical contrast against the soft backdrop. UI containers employ generous 18px rounded rectangles with semi-translucent fills, delicate 1px border strokes (#e2e8f0), and expansive 30px-blur ambient drop shadows. A visitor immediately registers the luminous architectural flow diagram on the right, which concretizes complex financial API piping into clean, tangible physical nodes.

首屏与背景设计参考

Luminous Conviction

The interface operates on a high-key light canvas that flows from pure white (#ffffff) on the top-left into an atmospheric royal blue gradient (#2b6bf8 to #91bbfd) across the right hemisphere. Chromatic saturation functions strictly as a focal beacon: the title's final phrase and primary button sport a saturated cobalt (#1356ee), contrasting against deep slate headlines (#0b1226) and slate-gray subcopy (#586884). Structural layout follows an asymmetric two-column split, counterbalancing punchy 56px display type against an elevated 20px-radius glassmorphic prompt card. Elevation relies on subtle internal white borders (1px solid rgba(255, 255, 255, 0.7)), diffused glow shadows (0 20px 48px rgba(18, 48, 128, 0.12)), and fine wireframe optical flares. The bottom transitions cleanly via an inverted curved white sheet (#ffffff) that anchors partner validation.

定价与转化模块设计参考

Luminous Edge

The composition is split between an expansive floating CTA banner and a rigorous six-column footer set against clean white (#ffffff). The focal banner utilizes bilateral sapphire and cyan particle nebula graphics sweeping in from both flanks, funneling optical attention into an intensely clean white center. Color reinforces typographic hierarchy: deep obsidian (#0a0f1d) delivers the primary message, electric cobalt (#0052ff) emphasizes the destination clause, and muted slate (#525866) handles supportive mechanics. Spacing is strictly regimented with a 24px card corner radius, 10px rounded interactive elements, and pill-shaped (999px) eyebrow badges. Viewers first notice the dramatic chromatic contrast of the particle vortex before settling into the high-credibility metric rail anchored beneath the dual CTAs.

网页设计设计参考

Luminous EdTech

The canvas is built on pure white #FFFFFF with subtle low-contrast cool grey borders and soft multi-layered diffused drop shadows. Colour functions both as high-contrast primary navigation (#2B66F6 vivid cobalt blue) and as micro-categorisation using muted berry pinks, sage greens, and warm ambers. Headings use an assertive, geometric, high x-height sans-serif weighted at 800 with tight tracking (-0.03em) in deep navy #161D2E. Body and secondary text settle into cool slate #64748B at comfortable line heights. Interfaces lean heavily into generous border radii, typically 20px on cards, 12px on inputs, and full pill contours (999px) for buttons and rating badges. The immediate visual pull is the heroic composition: an isolated photographic subject encircled by translucent backdrop discs and floating squircle micro-cards with deep feathered ambient shadows.

定价与转化模块设计参考

Luminous Equilibrium

This interface uses a pristine #05070B obsidian base, creating an intimate, high-focus atmosphere for a wellness hardware-plus-software subscription tier. Color functions almost exclusively as semantic status and primary focus: a vibrant electric cyan-blue (#2E82FE to #38BDF8) highlights the featured tier ('Plus') and device glow, while calm slate-greys (#94A3B8, #64748B) anchor secondary information. Typography is set in a modern, humanist-inflected grotesque with generous letter spacing in titles and clear numeric contrast ($29 at ~36px against 14px auxiliary terms). Spacing is tightly controlled with 16px to 20px card gutters and uniform 28px interior card padding, enclosed within soft 16px corner radii. A reader immediately notices the glowing wearable rendering on the left counterbalancing the glowing primary 'Plus' plan card in the four-column tier cluster.

网页设计设计参考

Luminous Executive

The layout is constructed on an alternating rhythm of pure white (#FFFFFF) and an ultra-soft cool wash (#F4F7FC), creating deliberate architectural zones without heavy dividing lines. Color operates primarily for strict informational hierarchy: vibrant royal cobalt (#1668E8) drives active navigation, focus icons, and primary commitments, while an intentional flash of crimson rose (#E62565) spotlights ongoing tier conversion and pull-quote motifs. Typography uses a clean, high-clarity humanist sans-serif with bold display headers reaching 44px paired with spaced all-caps eyebrows set at 11px with 0.12em tracking. Component containers feature generous 16px to 20px radii, delicate hairlines (#E2E8F0), and subtle float elevations with 24px ambient blur on key social proofs. A visitor immediately registers the balance of boardroom authority and human warmth, established by the hero lifestyle photography offset by an overlapping floating testimonial card at bottom-right.

首屏与背景设计参考

Luminous GovTech

The canvas is bathed in a sweeping diagonal background gradient that shifts from a warm peach-amber (#FDE8D3) at the bottom-left to a luminous sky cyan (#CBE8FD) at the upper and right edges. Typography is set in a confident, modern geometric sans-serif, using deep navy (#0E1E38) for maximum authority and an eye-catching teal-cyan gradient for the word 'redefined'. The interface uses generous white space and layered glassmorphic panels featuring white 1px border strokes with subtle transparency, softly curved corners (approx 20px-24px radius), and faint drop shadows to simulate floating architectural glass sheets over an angled grid plane. Key CTAs utilize an energetic cobalt blue (#1D68F2) with pill and semi-rounded button styles. The hero is symmetrically balanced between high-impact typography on the left and a translucent, 3D multi-layered software dashboard mock on the right.

网页设计设计参考

Luminous Gradient EdTech

The layout executes a dramatic split-level canvas strategy, transitioning from a rich, immersive midnight blue hero section (#03091e) into a pure white body canvas (#ffffff). Color operates strictly as focal energy: a distinctive cyan-to-purple linear gradient illuminates the hero typography 'education' and powers the background cutout frame, while teal (#199396) handles primary actions. Floating white surface cards (#ffffff with 16px to 24px border radius) overlap the hero photography to inject depth and tactical social proof. Spacing adheres to an airy 8px grid with generous 96px vertical section margins, balancing dense instructional dashboard components with ample breathing room. The visual hierarchy anchors immediately on the portrait collage framed by a rounded gradient backdrop before cascading into crisp 3-step procedural flows.

网页设计设计参考

Luminous Horizon

The interface operates on a pristine, ultra-light canvas tinted subtly with pale periwinkle (#FAFBFF) transitioning into pure white (#FFFFFF) elevated surfaces. Color serves a disciplined dual role: an assertive electric cobalt (#2563EB) drives all primary interactive decisions and brand identity, while a secondary harmonic palette of amber (#F59E0B), emerald (#10B981), and purple (#8B5CF6) categorizes telemetry metrics and feature pillars. Typography establishes an authoritative, clean hierarchy using high-contrast slate navy (#0F172A) at 56px for display text against neutral grey body copy (#64748B) at 16px. Spatial rhythm relies on an open, breathable 8px grid with generous padding (24px to 32px inside cards) and modern continuous curves spanning 12px for primary actions to 20px on metric containers. A viewer immediately registers the warm center-stage glowing lightbulb illustration offset by clinical, floating dashboard analytics cards.

首屏与背景设计参考

Luminous Horizon

The interface is set against an organic, sunlit photographic landscape of rolling grassy hills, immediately softened by layered glassmorphic panels. Color creates functional hierarchy rather than mere visual texture: text in marketing sections uses deep slate (#1E293B) for high legibility, while key accents and interactive triggers adopt an electric violet-to-coral gradient (#7C5CFC to #FF7B60). Developer telemetry surfaces use dark tinted glass (rgba(15, 23, 42, 0.65)) with fine 1px luminescent white borders (rgba(255, 255, 255, 0.22)) to distinguish code from brand copy. Typography pairs a crisp, modern neo-grotesque sans with an immaculate monospace for JSON queries. Corner radii remain strictly disciplined, alternating between 16px-20px for content containers and 999px for status badges and pill navigations. The eye first locks onto the glowing 3D context layer graphic and the high-contrast gradient title.

首屏与背景设计参考

Luminous Ledger

A clean, high-trust fintech hero interface balancing crisp financial utility with luminous Web3-inspired atmospheric gradients. The backdrop transitions from crisp #FFFFFF on the left into ethereal ambient radial blooms of #3B66F5 and lilac #8B5CF6 behind a central 3D wireframe globe. High-contrast typography in deep navy-black #0B0F19 commands attention through an oversized 56px display heading punctuated with a violet gradient on the final word. Functional surfaces are built with high-opacity milky white containers (#FFFFFF at 90-95% opacity) edged with hairline borders of rgba(255, 255, 255, 0.6) and deep ambient dropshadows. Interactive elements use a saturated cobalt blue #2F54EB with gentle 12px corner rounding, establishing instant visual hierarchy against soft grey #596780 secondary copy. The layout resolves into a grounded multi-metric bottom dock curved at 20px, dividing high-velocity trading statistics from enterprise compliance credentials.

首屏与背景设计参考

Luminous Ledger

The canvas is built upon a deep midnight ink background (#070913) illuminated in the upper quadrant by an explosive, particle-lit coral-orange glow (#FF5745). Visual hierarchy is driven by absolute luminance contrast: the left-hand editorial copy leverages a pure white display font alongside a subtle lavender-to-violet gradient highlight (#C271E0 to #8247E5) on the concluding phrase. A massive floating product UI card breaks the dark canvas with a surgical white (#FFFFFF) data canvas fused to an inky midnight sidebar (#0E1322), demonstrating micro-density in financial metrics. Call-to-action buttons feature high-saturation coral pills (#FF6355) with 8px border radii and high-contrast dark label typography. Below the hero, the layout transitions smoothly into a crisp white trust banner (#F8FAFC) featuring mono-spaced uppercase metadata and fine stroke iconography.

首屏与背景设计参考

Luminous Ledger

The canvas is a pure, high-key ambient white (#FAF9FE to #FFFFFF) suffused with soft radial violet-blue and coral-red light washes across the lower canvas. Color drives visual storytelling: cool periwinkle/indigo tones (#5856D6) define ingestion, orchestration, and primary CTA actions, while warm salmon-coral (#FA7268) highlights the transformed state and financial outcomes. The typography is anchored by a tight geometric sans serif with bold emphasis and inline gradient accent fills on key semantic verbs. Frosted glassmorphism dominates the component layer, pairing 12px to 16px corner radii with translucent white fills (rgba(255, 255, 255, 0.75)), subtle 1px specular borders, and deep soft drop shadows. A viewer immediately notices the three-dimensional computational core with glowing fiber-optic conduits bridging third-party data inputs to real-time analytics cards.

首屏与背景设计参考

Luminous Nexus

The canvas is a high-contrast dark space (#060B11) split dynamically by an intense vertical streak of cyan light (#46D2CA) transitioning into violet auroral flares. The left flank handles high-conviction editorial messaging with a crisp white display heading and soft aqua gradient accents (#76DFD6). The right flank presents an interactive workflow transformation: messy, dark slate pill inputs (#0D1722 with a #1E2D3D border) funnel via curved circuit-like traces into a luminous, rounded glass card (#0A1F27 at ~60% opacity) rimmed with teal glow. Small interactive elements share an 8px or 10px radius, with pills reaching full 999px curvature. Typography remains clinical, neutral, and meticulously tracked to project enterprise-grade medical and life-sciences rigor.

界面组件与网格设计参考

Luminous Nexus

Set against an ultra-dark navy-black canvas (#06080D), this enterprise AI landing section pairs crisp geometric sans typography with radiant electric-blue accents. Text hierarchy leads with a high-impact H1 where the phrase 'scattered knowledge' transitions into an iridescent cyan-to-indigo gradient. The right side features a luminous 3D isometric hexagonal pedestal with glowing circuit-like circuit traces connecting floating source tags (radius 10px, background #0D121B/60 with subtle 1px borders). Below the primary conversion split, an integrated social proof logo bar and a 4-column feature capsule anchored by an outline container (border #1A2230) ground the presentation. Observed design primitives include 12px pill radii for pills, 10px radii for floating badge nodes, and glowing cyan (#38BDF8 to #2563EB) interactive elements.

首屏与背景设计参考

Luminous Oncology

The canvas is defined by an ethereal vertical light-bleed background blending icy blues (#cce4f7), faint prism violet, and warm cream illumination over a pale off-white ground. High-contrast deep carbon (#111318) typography anchors the left-heavy visual weight, while an expressive italic serif in arterial rust red (#b93829) draws immediate focus to the clinical subject matter. Structural elements rely on translucent frosted glass overlays with 1px borders (#ffffff60) and subtle backdrop blur rather than heavy card shadows. A 4-stage sequential horizontal pipeline grounds the lower third of the hero with circular indices (radius 999px) and scientific micro-visualizations. Below the hero, the page transitions into a clean white sheet with generous 24px top border radii and dot-matrix texture accents. Spacing is airy and deliberate, using 48px to 64px vertical block gaps to preserve a contemplative, high-end biotech atmosphere.

首屏与背景设计参考

Luminous Orbit

The layout is anchored on an expansive pure white #FFFFFF canvas with extreme typographic contrast and airy breathing room. Color is strictly reserved for high-signal moments: a deep obsidian #0B0F19 drives core readability, while a vibrant gradient transition from emerald #059669 to cyan #0284C7 accents the signature focal word and generative particle swirl. Typography relies on a clean, modern neo-grotesque sans-serif with a prominent 60px display title counterbalanced by dense, tracked 11px uppercase utility labels. Form shapes emphasize fluid pill geometries with 999px radii across interactive buttons, contrasted by soft 14px rounded corners on floating telemetry cards. A viewer first encounters the kinetic particle vortex on the right, which physically grounds the floating prediction market cards with subtle ambient drop shadows (rgba(0, 0, 0, 0.05)).

定价与转化模块设计参考

Luminous Perimeter

This interface features a dramatic dual-canvas architecture pairing a high-key glowing call-to-action banner atop a deep navy-black (#0B131D) multi-column enterprise footer. The CTA section sits inside an expansive rounded card (roughly 24px corner radius) featuring a white-to-light-blue gradient canvas infused with soft lavender-to-cyan mesh waves and fine luminous vector nodes. Typography is anchored by modern geometric neo-grotesque sans, transitioning from deep ink navy (#0B131D) down to intense electric blue (#0B63F6) for the prominent display headline 'Ship with confidence.' Spacing is exceptionally generous within the CTA block (over 80px vertical padding), transitioning to structured 4-column footer link columns with 12px uppercase tracking. Interactive controls rely on high-contrast pill and rounded buttons (8px to 10px radius), pairing high-saturation cobalt fills (#0B63F6) with delicate translucent borders (#E2E8F0 and #1E293B).

首屏与背景设计参考

Luminous Pipeline

The canvas is a high-contrast dark space anchored by an obsidian backdrop (#030712) over which dramatic vertical fluted light pillars shift from deep cobalt (#2563eb) to radiant magenta (#f43f5e). Color functions strictly as semantic illumination: glowing lines and badges indicate real-time autonomous pipeline state, while the hero headline splits into pure white (#ffffff) and electric sky blue (#60a5fa). Typography relies on a clinical neo-grotesque sans-serif paired with a high-legibility monospace font for JSON payloads. Interactive and analytical cards employ a consistent 16px corner radius, sheer smoked-glass fills (rgba(15,23,42,0.65)), and hairline 1px borders (rgba(255,255,255,0.12)) that let the background fluting bleed through. The viewer immediately registers the tension between precision enterprise data panels and theatrical, stage-lit auroral energy.

首屏与背景设计参考

Luminous Resolve

The canvas rests on a deep cosmic navy base (#080b13) offset by subtle radial indigo lighting blooms and frosted card surfaces (#111726). Color functions primarily as an emotive hook and telemetry signifier: a distinctive horizontal gradient transitioning from cornflower blue (#5a8aff) to vivid orchid pink (#f065a8) powers primary CTAs and key headline words, while emerald (#34d399) and sky blue (#38bdf8) anchor data visualization. Typography is set in a neutral geometric sans-serif with tight display letter-spacing (-0.03em) and crisp high-contrast white text against the dark backdrop. Surfaces rely on continuous rounding, pairing 24px radius container panels with 9999px pill controls and chip tags. A prominent metric shelf grounds the left hero column, while a simulated AI console and modular KPI tiles balance the visual weight on the right before descending into an inverse light curved boundary.

移动端界面设计参考

Luminous Sanctuary

The interface operates on an ultra-deep navy canvas (#0A0E17) that recedes into the background, allowing chromatic feature cards to pop forward. Color is strictly departmentalized: purple for music, amber for spa, emerald for travel, and cobalt for reading. Typography relies on a geometric modern sans-serif with high contrast between pristine white headers (#FFFFFF) and muted slate secondary text (#8E9BAE). Structural elements employ heavily rounded geometries, with 20px card radii, full-circle icon pills, and sleek horizontal progress capsules. Every element is enclosed in its own distinct dark container, creating a tidy, segmented card-and-dashboard architecture.

首屏与背景设计参考

Luminous SecOps

The canvas presents a predominantly light, breathable hero space grounded by an ultra-dark bottom trust tier in #0c1017. Chromatic hierarchy centers on deep charcoal #0d1117 typography, elevated by a distinctive multi-color linear gradient spanning purple #7952f5 to coral #ff6b6b across focal headline words. UI mockups create depth by contrasting crisp white elevation panels with pitch-dark CLI and radar telemetry modules bordered with subtle #222738 outlines. A diffuse violet ambient aura washes across the right side of the canvas, framing the complex multi-card orchestration without heavy structural barriers. Border radii remain consistent at 8px for call-to-action buttons and 16px across floating diagnostic panels, giving the security tool an accessible modern SaaS sensibility. A viewer's eye is pulled instantly to the vibrant gradient text 'Pentesting' before scanning downward to the interactive diagnostic dashboard cluster.

首屏与背景设计参考

Luminous Singularity

The canvas is established on a nearly pitch-black cosmic ground at #030712, serving as a vacuum for a hyper-dense particle vortex. Color acts strictly as an energetic narrative: intense cyan (#06b6d4) transitions into brilliant solar amber (#f59e0b) and deep electric purple (#a855f7) to illustrate high-velocity data ingestion around an elliptical void. Typography is split between an airy, ultra-light geometric display headline (around 56px, font-weight 300) and utilitarian monospaced body copy at 14px with generous 1.6 line height. Shape language relies on clean rounded borders (radii between 8px and 10px) with delicate 1px gradient strokes (cyan to amber) on transparent backgrounds. A visitor immediately registers the immense scale and motion of the 3D particle accelerator visual anchoring the right two-thirds before reading the left-aligned value proposition.

首屏与背景设计参考

Luminous Stack

A high-end developer and enterprise data infrastructure landing hero. The canvas transitions from an unexpected stark white navigation bar (#FFFFFF) into an intense, deep midnight-navy void (#030712 to #02040A). Focal hierarchy is commanded by a massive split display heading ('The OS for' in white #FFFFFF, 'data quality' highlighted in electric cobalt #1D68FE) paired with a 3D isometric stack graphic radiating cyan and blue volumetric beams. Below, high-contrast metric counters lead with oversized 36px numerals in vibrant blue, punctuated with bright mint-teal delta badges. Buttons leverage rounded-lg contours (8px radius) with solid cobalt fill alongside ghost wireframes. The spatial layout relies on clean bilateral balance: copy and CTAs at left, layered graphic at right, resolving into a 4-column metric strip divided by subtle vertical rules.

首屏与背景设计参考

Luminous Telemetry

The canvas rests on a deep void black (#06090e) illuminated from the top and bottom right by an expansive, diffuse radial aurora of cobalt blue (#2563eb), cyan (#38bdf8), and mint green (#34d399). Typography relies on a clean, geometric grotesque typeface where headline words shift from pure white (#ffffff) to a distinct blue-to-teal gradient to highlight domain keywords. Spacing is comfortable with a split 55/45 hero grid, generous vertical section paddings (~80px to 100px), and refined component radii ranging from 8px for buttons to 16px for floating code and telemetry cards. The UI establishes depth via nested dark surfaces (#0b1118 and #0f172a), subtle hairline borders with low-opacity glow, and layered backdrop overlays. A prospective viewer immediately registers the massive organic gradient field contrasting against the crisp, precise agent execution trace panel.

首屏与背景设计参考

Luminous Velocity

The interface presents an immaculate white canvas (#ffffff) that bleeds smoothly downward into an ethereal, photorealistic fiber-optic landscape of luminescent cyan (#00d2ff) and emerald trails. High-contrast typography leads with a massive two-line headline featuring bold dark slate (#0b192c) paired with an electric royal blue accent (#1d61f2). A floating, frosted-white interface card sits on the right, casting a soft diffused elevation shadow over the glowing terrain. Spacing is airy and deliberate, utilizing roughly 24px and 32px rhythms with 8px and 12px pill shapes. Key metrics and value propositions are encapsulated in semi-translucent rounded tiles with subtle pastel container fills (e.g., #eef8f4 for mint, #eff5ff for sky, #fff7ed for apricot).

定价与转化模块设计参考

Luminous Velocity

This design features a pitch-black (#05070e) foundational canvas elevated by radiant cyan and violet light ribbons that illuminate a floating CTA card. The central action panel uses a translucent dark glass fill (#090f1d) enclosed by a multi-tone gradient border with a 24px border radius. Color strictly delineates hierarchy: solid white (#ffffff) commands top-level titles, an electric violet-to-cyan gradient accents the focal word 'Faster.', and slate blues (#94a3b8) tone down body text. Spacing is expansive and balanced, allowing the high-contrast typography and subtle inner glow to create deep spatial separation. The lower footer transitions smoothly into structured five-column navigation with minimal 14px text links and understated input fields.

定价与转化模块设计参考

Lumius Deep Teal

This interface presents a high-conversion call-to-action block stacked directly atop a multi-column enterprise footer on a deep obsidian canvas (#020609). The composition is anchored by a centered radiant teal ambient glow (#10b981 / #065f46) that emanates upward like an ultrasound beam, cleanly bisected by a subtle 1px luminous horizontal divider line. Typography uses clean, geometric grotesk styling, with crisp white (#ffffff) reserved for the main 44px display headline and secondary grey (#94a3b8) for dense descriptive copy and links. Interactive focal points use a vibrant seafoam green (#10b981) for filled pill buttons (radius 10px) and live operational status indicators. Component edges favor smooth 8-12px roundings, while the layout balances generous vertical spacing (80px section breaks) with compact 14px informational grids.

定价与转化模块设计参考

Machined Modern

This interface presents an engineering-focused hardware pricing matrix on an ultra-clean white canvas (#FFFFFF) with cool neutral slate text (#0F172A). Four pricing tiers line the top, paired directly with an aligned tabular comparison matrix beneath. Vivid royal blue (#0D63F8) establishes primary hierarchy through the highlighted 'Pro' tier card, filled action button, and floating pill badge. Spacing is strictly modulated on an 8px grid with delicate 1px borders (#E2E8F0) providing structural definition without heavy shadows. Border radii are consistent at 8px for standard plan cards and inputs, with 6px for secondary elements and sharp, precise alignment. What a reader notices first is the high-contrast 'Pro' card framed with a blue border and topped by the solid blue 'MOST POPULAR' badge.

定价与转化模块设计参考

Machined Orbit

This dual-zone technical interface bridges an airy white hero CTA section with an obsidian-black engineering footer. The upper canvas (#ffffff) pairs stippled halftone celestial spheres and orbital trajectories with live monospace code payloads, framing high-tolerance manufacturing as advanced aerospace science. Color is used strictly for technical state and intent: cobalt blue (#2563eb) drives conversion and active links, while terminal green (#22c55e) signals 200 OK and live operational health. Navigation is organized in rigid, hairline-separated data columns with micro-caps headers tracking at 0.08em. Structural borders sit at 1px (#1e2230 in dark mode), while interactive surfaces maintain restrained 6px to 8px corner radii. The eye is pulled between the tactile stipple orb graphic and the dense terminal output, grounding abstract software convenience in tangible hardware reality.

首屏与背景设计参考

Machined Precision

The canvas is a sterile, calibrated off-white #F8F9FC backdropped by a subtle mathematical particle wave field. High-contrast typography in #0F172A sets an authoritative tone, anchored by a massive 56px dual-line headline with tight negative tracking. Saturated royal cobalt #4C45E5 is reserved exclusively for high-intent conversion points and key performance indicators, preventing visual fatigue across an engineering audience. Mechanical components rendered in photorealistic black anodized and silver-machined aluminum dominate the right quadrant. Structural containers rely on razor-sharp hairline borders (#E2E8F0) and disciplined 12px to 16px corner radii. A reader immediately locks onto the heavy industrial parts before dropping down to the 4-step progressive disclosure manufacturing card.

移动端界面设计参考

Malte Nocturne

Designed on an ink-black canvas (#0c0c0e), this interface transitions from a sensory macro-photography hero into a vertical stack of vibrant, monochromatic craft beer edition cards. Color is strictly thematic rather than decorative: each bottle variant owns a deeply saturated, vignetted card surface (navy #123368, crimson #7a080d, amber #dc8504) accompanied by matching colored titles and custom botanical/elemental background illustrations. Typography establishes extreme tension between an ultra-thin geometric numeral display ('01' at 44px weight 200) and ultra-heavy, compact uppercase titles (weight 900). Cards share a uniform 18px corner radius with 14px vertical stacking gaps, while spec iconography anchors the lower-right third with delicate 1px line drawings. A user notices the organic bottle silhouettes breaking the horizontal hierarchy first, immediately followed by the bold two-digit numeric identifiers.

网页设计设计参考

Manhattan Epicurean

The design is built on an unbleached linen canvas (#FAF8F5) accented by warm stone containers (#F4EFEB), evoking an upscale New York charity gala. Visual hierarchy relies on a high-contrast editorial serif for headlines paired with warm terracotta (#B8533C) and muted slate blue (#3C5D73) as chromatic anchors. Spacing is expansive and deliberate, using 80px to 100px vertical gaps between editorial tiers. Geometry alternates between razor-sharp typography, gently rounded content cards (border-radius: 14px), and bold intersecting circular masks in the hero composition. The eye is immediately drawn to the right-hand hero montage—a circular food photograph framed by nested terracotta and slate geometric arcs and a floating ivory date placard.

网页设计设计参考

Manhattan Studio Minimal

The interface operates on an ultra-clean, luminous off-white canvas (#F9FAFC to #FFFFFF) with stark graphite typography (#0F172A). Color is used with surgical discipline: an electric cobalt royal blue (#2563EB) commands primary conversion actions, while muted pastel tints (ice blue, shell pink, mint green) soft-code category icons. Headings employ a crisp geometric sans-serif with geometric roundness and tight negative space, contrasting with slate body copy (#64748B) set at 15px with generous line heights (1.6). Shapes favor smooth, generous corner rounding (16px on cards, 24px on hero media, 6-8px on primary CTAs). A visitor immediately notices the cinematic, moody photography juxtaposed against the pristine whitespace and deliberate electric blue accents.

网页设计设计参考

Maritime Freight Corporate

The canvas transitions from a dramatic dark navy hero (#0F1B2B) layered over photographic port scenery to crisp, bright off-white and pure white (#FFFFFF) body sections. Colour functions strictly as brand authority and interactive focal points: an energetic terra cotta orange (#C85A32) commands the primary actions and eyebrow titles, while dark slate navy provides structure and contrast. Typography is anchored in bold, authoritative sans-serif uppercase headers in the hero, shifting to disciplined sentence-case geometric sans for content sections. Distinctive 16px to 20px rounded cards overlap sectional transitions, creating depth without harsh drop shadows. Spacing is comfortable, leaning on generous 80px to 100px vertical gaps between structured content grids. A reader immediately notices the floating multi-segment card shelf straddling the hero image line.

网页设计设计参考

Maritime Precision

The layout is constructed on a pure white (#ffffff) canvas accented by an intense, vibrant primary blue (#0066ff) and deep obsidian navy (#0b1b3d) bands. Visual weight moves from bright atmospheric daylight photography in the hero to structured white utility cards, dropping into an authoritative dark navy contrast section. Typography is an ultra-clean, neutral neo-grotesque with sharp heavy headings (up to 44px) paired with compact, airy 13-14px body text. Interactive cards employ soft, generous 14px to 16px corner radii and subtle blurred dropshadows (0 12px 30px rgba(0,0,0,0.06)), interspersed with rounded 40px icon discs. Accent elements include 2px horizontal blue decorative strokes and minimalist rounded icon pills. The interface conveys institutional reliability, logistical momentum, and executive-level clarity.

电商商品

电商平台主图套图 — 实木餐椅

使用前请替换 {平台名}、{国家}、{语言}、{商品名} 和 {卖点描述}。此模板适用于 Amazon、eBay、AliExpress、TEMU、SHEIN、TikTok Shop、Shopee、Lazada、Mercado Libre、Walmart、Etsy、Rakuten、Coupang、Shopify 等电商平台。Agent 会自动规划商品适合的套图内容及平台特点，生成包括：白底图、尺寸图、多角度展示图、使用场景图、卖点图、材质细节图等

电商商品

电商平台主图套图 — 运动 T 恤

电商商品

电商平台主图套图 — 运动水壶

移动端界面设计参考

Marque Atelier

Set on an ivory limestone canvas (#F9F8F6), this interface balances the stark mechanics of automotive hardware with high-end editorial luxury. Deep burgundy (#6B1724) commands high-priority intent, appearing as a text accent on display headings, cart notifications, and the primary vehicle search button. Typography pairs a razor-sharp high-contrast serif for section titles with an understated neutral sans-serif for technical selectors and metadata. Container architecture utilizes generous 20px rounded surfaces in pure white (#FFFFFF) with delicate hairline dividers (#E8E6E1) separating vehicle dropdown attributes. Floating studio cutouts sit on muted neutral pedestals (#F4F3F0) with zero harsh drop shadows, creating an airy and clinical gallery feel. A reader immediately registers the juxtaposition of greasy mechanical parts presented with the delicacy of Swiss perfumery.

移动端界面设计参考

Martian Dawn

This interface features a dramatic split-level canvas: a deep black cosmic hero section (#080C14) bleeding into an expansive atmospheric Mars orb, transitioning via an overlapping pure white floating card dock into a pristine #F8F9FD light-mode feed below. Color establishes emotional hierarchy—warm terra-cotta tones (#FF7B60) provide punchy energy and focal points, while pastel-tinted circle avatars (lavender #E7DCF8, sky blue #D9ECFF, soft mint #E0F5EE) organize categories. Bold display sans-serif typography leads with crisp high-contrast white against the void and rich dark slate (#1D2433) against the white ground. Generous border radiuses of 20px to 24px and subtle diffuse shadows (blur 24px, 6% opacity) give surfaces a weightless, luxury-aerospace tactile presence.

移动端界面设计参考

Martian Solitude

The screen balances a pitch-black cosmic viewport (#0D1017) against high-contrast floating curved white cards (#FFFFFF). Color is thematic and narrative: deep Martian rust-orange (#E96544) serves as the primary action and progress accent, tying the planetary photography directly to interactive UI. Typography relies on modern humanized geometric grotesques with punchy heavy display weights (Survive. Adapt. Endure.) contrasting with uppercase spaced micro-caps. Generously rounded sheet cards (border-radius: 32px) overlap the dark cosmic canvas to transition from immersive storytelling to actionable e-commerce. A reader immediately notices the striking hyper-detailed astronaut gazing past the camera against the crescent glow of Mars, anchored by the vivid coral-orange play trigger.

首屏与背景设计参考

Martian Stipple

Set against a deep atmospheric cosmic teal canvas (#071b24 to #0b2b37), the interface derives maximum optical drama from an oversized celestial body dominating the right third of the viewport. Rather than photorealism, the planetary hemisphere features a distinct halftone stipple texture illuminated with warm ember coral (#e26955) and an icy cyan rim light (#6fe3e1). Typography does heavy structural lifting: the display headline pairs a crisp, neo-grotesque sans with an unexpected, highly expressive serif italic in coral for the word 'insight,'. Spatial hierarchy is disciplined and left-aligned, deploying 8px baseline increments with generous 24px and 48px section spacing. Button radii are softened with 8px pill-like contours for secondary actions and full 999px pills for notification badges, maintaining high legibility against chaotic background debris.

电商商品

材质与颜色变体 — 黑色皮夹克材质变体

输入：上传需要编辑的产品或服装图片使用前请替换 {材质1}、{材质2} 和 {材质3}。示例：「修改商品材质，人物衣服分别变成：浅灰色麂皮材质、深棕色牛仔和酒红色灯芯绒材质」。适用于面料替换、材质测试、季节性换色和概念探索

电商商品

材质与颜色变体 — 绿色夹克材质变体

网页设计设计参考

Maternal Reverie

The interface rests on a pristine white #ffffff canvas subtly layered with soft parchment surfaces (#f9f8f6) and light-filled natural photography. Color is used with surgical restraint: neutral charcoal (#222222) governs standard typography, while a serene slate cobalt (#325aa8) commands interactive CTAs and a warm terracotta-rose (#ce6c6a) accents emotional highlight words and graphic motifs. The layout balances a clean geometric sans with an expressive, high-contrast italic serif accent for key emotional nouns like 'motherhood.' Spacing is exceptionally airy, featuring 96px section padding and 20px card border radii that mirror the soft curves of maternity portraiture. The eye is instantly drawn to the hero composition: an asymmetric triptych of rounded photography framed beside a vertical soft-focus floral panel.

定价与转化模块设计参考

Medlegal Midnight

The interface operates on an ultra-dark cosmic obsidian canvas (#090A0F) accented by a restrained periwinkle-violet brand core (#5D5FEF). Typographic scale commands clear visual priority, leading with a bold 46px display headline that uses an intentional chromatic pivot to violet (#7B82F6) on its concluding statement. A grid of four operational statistics anchors the mid-tier CTA, presenting high-contrast 30px values over muted secondary metadata (#8E929F). The layout cleanly transitions across a 1px border (#1E2029) into a disciplined 6-column footer ecosystem featuring a newsletter input with an integrated send node. Crisp border radii (8px for primary buttons and form controls, 6px for social nodes) keep the technical legal aesthetic razor-sharp and audit-ready.

定价与转化模块设计参考

Medtech Obsidian

A deep obsidian canvas (#06090e) sets the stage for a technical med-legal infrastructure platform, balancing developer utility with corporate compliance assurance. Color is used strictly for hierarchy: vibrant electric cobalt (#2563eb) drives primary conversion pathways, while mint emerald (#22c55e / #10b981) telegraphs API uptime, HIPAA badges, and terminal status checks. Display type is rendered in a clean geometric sans with tight tracking, transitioning into a dense, readable mono layer inside the API mock terminal. Rounded pill containers (radius 999px) house trust signals and micro-tags, counterbalanced by 16px radius elevated panels for developer interaction and 8px radii on input and action elements. A reader first notices the stark split hero composition—high-contrast white headline against the luminous code terminal pane.

网页设计设计参考

Meridian Ledger

The layout pairs an assertive dark navy navigation spine (#0d1527) with an expansive, daylight canvas (#f8fafc) populated by floating white surfaces (#ffffff). Hierarchy is executed through disciplined weight shifts in clean grotesque typography rather than heavy tinting, allowing numerical values like $29,703.21 to command immediate attention at 26px semibold. Color serves purely communicative functions: electric teal (#00bba7) highlights positive momentum and cash intake, while soft orchid (#8b5cf6) delineates overhead and expense tracks. Cards feature consistent 16px corner radii paired with barely perceptible hairline borders (#f1f5f9) and negligible drop shadows, creating an orderly, modern desktop feel. The immediate eye path lands on the top-row metric quartet, then pulls downward through the dual-tone cash-flow area chart before settling into the contextual right-hand telemetry rail.

网页设计设计参考

Metric Canvas

The interface operates inside an enclosed, rounded window card set against an architectural off-white outer canvas (#F1F3F7), establishing a contained desktop preview feel. Hierarchy is dictated by high-contrast deep slate type (#0F172A) grounded against pure white (#FFFFFF), with vibrant cobalt blue (#2563EB) reserved strictly for interactive focus and key semantic accents. Soft ambient vector shapes in pale periwinkle (#E9EEFD) and muted apricot (#FCE7D2) warm the upper periphery without invading the content grid. Spacing is comfortable and generous, relying on an 8px grid with 32px to 48px sectional pauses. The bottom dock of feature highlights sits on a dedicated elevated floating bar with a 20px radius, anchoring the viewport with four structured metric columns. A viewer immediately registers the oversized conceptual vernier caliper illustration before drifting into the high-contrast dual-line hero title.

网页设计设计参考

Metric Clarity

Built on an ultra-light #F8F9FB canvas, this interface organizes dense SaaS product information through strict typographic scale and structural color blocking. Deep navy (#182238) anchors primary headline typography, while a warm terracotta-coral (#EA6353) drives conversion action across key buttons. The central hero splits dynamically between a persuasive left column and an elevated floating dashboard container set at 24px corner radius. Beneath the hero, a full-width deep cobalt blue (#162E6E) strip grounds four key performance indicators inside soft 16px squircle icon badges. Information hierarchy is enforced via soft-tinted pastel background tags (such as #E4ECFC and #DCF5EC) that visually categorize data points without competing with actionable interactive elements.

网页设计设计参考

Metric Cobalt

The interface is built on a pristine light grey foundation (#F8FAFC) enclosed in a rounded presentation container that isolates the marketing view. Primary brand authority is delivered via a saturated cobalt blue (#2563EB), while dashboard data visualization relies on a triadic semantic system of emerald (#10B981), cyan-blue (#3B82F6), and amber (#F59E0B) for metric interpretation. Typography relies on a tight-tracking neo-grotesque sans-serif with a prominent display headline sized around 56px, underlined by a gestural painterly cobalt stroke that contrasts against the mechanical precision of the data UI. Spacing is comfortable and modular, balancing a dense multi-widget dashboard mockup card (radius 20px) on the left with breathable editorial conversion copy on the right. A visitor immediately registers the tension between the organic brushstroke underline and the razor-sharp micro-metrics of the SaaS application preview.

网页设计设计参考

Metric Horizon

This workspace uses an ultra-clean #f8fafc canvas with elevated #ffffff cards framed in hairline 1px #f1f5f9 borders and 16px corner radii. Color operates strictly as a tool for orientation: primary interactions and key metric lines use vibrant cobalt #1e6fff, while category tags and metric icon tiles use pale 10% opacity pastels (rose #fdf2f8, violet #f5f3ff, azure #eff6ff). Typography relies on a neutral modern sans-serif with high tabular clarity, scaling from 11px meta captions up to 26px semibold metric values. Spacing follows a strict 8px rhythm with generous 24px inner card padding and 20px inter-card gutters, giving the complex analytics dashboard an airy, uncluttered tempo. A reader instantly notices the crisp hierarchy of the four summary stat cards at the top, crowned by minimalist outlined iconography in tinted rounded badges.

网页设计设计参考

Metropolis Console

The interface is defined by a high-contrast architectural workflow balancing a rich midnight-navy sidebar (#0B132B) against an expansive, airy workspace (#F8FAFC). Clean pure-white (#FFFFFF) surface cards framed by hairline borders (#E2E8F0) structure dense project information with immaculate modularity. Color operates strictly as functional telemetry: royal cobalt (#2563EB) commands primary actions and active states, while a disciplined spectrum of emerald (#10B981), amber (#F59E0B), and coral (#EF4444) governs completion statuses and priority tiers. High-density tabular typography anchors large metric readouts (28px bold) against sharp slate microcopy (12px regular, #64748B). Surfaces use a soft 16px corner radius that modernizes technical drawings and charts without feeling playful. An observer's eye is pulled immediately to the integrated floor plan viewer and progress donut chart, conveying immediate operational command.

网页设计设计参考

Midnight Academy

Built on an ultra-dark navy foundation (#060B13), the interface establishes a high-performance educational command center. Structural hierarchy relies on semi-opaque slate containers (#0D1526) framed with hairline borders (#1E2C46 at 1px) to divide dense analytical panels without harsh solid blocks. Vibrant cyan (#00A3FF) serves strictly as the primary interactive and focal beacon—driving the hero gradient, primary CTA fills, and glowing SVG line charts. Secondary status signals deploy emerald green (#10B981) for positive deltas and soft violet (#8B5CF6) for categorical tags. Typography balances crisp high-contrast off-white (#F8FAFC) headers with subdued slate body labels (#94A3B8) sized from 12px to 36px. Rounded corners follow a consistent 12px to 16px geometry across cards and inputs, creating a polished, tactile SaaS aesthetic.

定价与转化模块设计参考

Midnight Actuary

The canvas rests on a deep midnight black-blue ground (#070b13) anchored by an atmospheric split-tone CTA banner floating directly above the site directory. The hero card transitions horizontally from deep navy (#0e2a6d) to alpine teal (#133e38) against textured mountain silhouettes, framed by an ambient dual-color bottom glow. Typography balances institutional authority with modern software clarity, combining an editorial serif display face at 40px for value propositions with a crisp sans-serif across all utilitarian elements. High-contrast touchpoints punctuate the dark canvas, specifically an electric blue glowing primary button (#3b82f6) with 10px radius and a pale mint-green (#9ee5c5) input submit toggle. Spacing enforces strict structural rhythm across a six-column footer directory spaced with hairline dividers and 24px vertical text cadence.

界面组件与网格设计参考

Midnight Autonomous

The canvas operates on an ultra-dark navy void (#06080e), establishing high contrast against luminous blue accents and clean white typographic hierarchies. Color functions strictly for focus: glowing electric blue (#0284c7) drives the primary conversion target, while cool cyan (#38bdf8) highlights operational tags and the central 3D isometric artifact. Typography employs a modern sans-serif with tight negative letter-spacing on display headlines (#f8fafc at ~46px) and balanced, relaxed lead paragraphs (#94a3b8 at ~16px). Below the hero, social proof is structured into a rigorous 6x2 grid of rounded tiles (radius 10px, border 1px solid #162032) housing monochromatic enterprise logos. A subtle glowing status dot in emerald (#10b981) anchors the footer caption, giving the entire viewport the calculated precision of an enterprise AI infrastructure dashboard.

继续浏览下一页提示词。