Prompt 灵感库 · GPT Image 2.5

GPT Image 2.5 提示词

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

正在显示 72 / 3390

Clinical Iris

The design sits on an ultra-clean, luminous canvas washed in soft vertical gradients transitioning from pale cyan (#E0F2FE) on the left to delicate lavender-violet (#EDE9FE) on the right. Color is strictly functional: crisp slate-black (#0F172A) establishes unquestionable clinical authority for primary text, while a vivid dual-tone gradient (#2563EB to #6366F1) elevates the core value proposition. Typography relies on a precise, neutral neo-grotesque typeface set with optical kerning and measured letter-spacing. UI cards, inputs, and badges feature crisp white surfaces (#FFFFFF) defined by subtle hairline borders (#E2E8F0) and disciplined 8px to 16px corner radii. The focal center is anchored by an architecture flow diagram where radiating bezier paths link inputs to outcomes through a glowing circular core.

定价与转化模块设计参考

Clinical Juris

This interface establishes trust for a specialized medico-legal tool through high-contrast editorial serif headers paired with clinical utility sans-serifs. The canvas is a soft warm porcelain (#FBFBFA) which softens the institutional sterility of pure white. Deep pine teal (#0E5E55) serves as the primary visual anchor, used sparingly for the category pill, active toggles, the featured 'Scale' card banner, checkmarks, and primary CTAs. Four distinct pricing tiers sit in uniform 16px-radius white cards with hairline borders (#E5E9E7), where the featured 'Scale' card achieves visual priority through an inset saturated header bar and solid CTA fill. Micro-badges employ a pale mint tint (#EAF4F0) with dark teal typography to highlight discounts and badges without visual aggression. The composition concludes with a rounded horizontal trust ribbon housing hairline-outlined icons and dual-line assurances, creating an immediate sense of enterprise compliance.

定价与转化模块设计参考

Clinical Lavender

Built on a pure white (#FFFFFF) background with whisper-soft lavender and cool-grey structural fills (#F4F6FD), this interface projects quiet medical authority. Colour functions strictly as semantic hierarchy: a vivid iris violet (#5B47E0) signals interaction and intelligence, while muted slate (#64748B) carries secondary narrative text. Typography relies on a neutral geometric sans-serif with tight negative tracking at 44px display size and comfortable 1.5 line heights across body copy. Cards and preview viewports feature generous 24px corner radii and soft, diffuse ambient shadowing without harsh outlines. The bottom section anchors the experience with a 5-column architectural footer, bordered by a subtle 1px divider (#EEF1F6). What strikes the viewer first is the balanced juxtaposition of clinical proof metrics alongside an interactive mobile preview.

界面组件与网格设计参考

Clinical Ledger

The layout establishes institutional trust through an ultra-clean #FFFFFF canvas accented by soft optical glows and structured multi-tiered social proof. Color operates as an informational classification system rather than mere ornament: royal indigo #4F46E5 signals core outcomes, emerald #16A34A denotes revenue acceleration, and deep violet #7C3AED marks speed. Typography uses an authoritative geometric grotesque with high tabular clarity, scaling from 12px muted benchmarks to 40px dual-tone display headlines. Visual rhythm transitions from a 5-column metric row through a 4-part split with testimonials into a commanding #050B14 dark enterprise anchor bar. Subtle 1px borders in #E2E8F0 paired with generous 16px to 20px corner radii create a crisp, tactile software surface. A reader immediately notices the density of hard proof points, anchored by the glowing real-time telemetry console.

首屏与背景设计参考

Clinical Lumina

The canvas is anchored in a near-pitch obsidian navy (#080B11) overlaid with delicate volumetric particle orbits swirling in magenta and electric indigo. Color functions as an operational status hierarchy rather than arbitrary decor: pure white (#FFFFFF) commands immediate typographic attention, electric periwinkle (#5E6AD2) highlights actionable focal points and key brand emphasis, and warm coral (#FF6F59) flags diagnostic anomalies on radiological views. The typography relies on a clean, humanist geometric grotesque with stark scale transitions, jumping from micro 11px uppercase tracking labels to a commanding 56px display headline. Interactive surfaces and data cards use rounded corners of 12px with translucent glass fills (#0E1424 at 60% opacity) rimmed by faint 1px hairline borders (#1E283D). What arrests the viewer first is the glowing particle vortex cradling a high-contrast chest radiograph, juxtaposing organic generative light with clinical diagnostic rigor.

网页设计设计参考

Clinical Luminance

Built upon an ultra-clean #FFFFFF base, the design establishes immediate trust and institutional clarity through high atmospheric brightness and deliberate spatial breathing room. Hierarchy relies strictly on a deep navy-charcoal heading tone (#0F172A) counterbalanced by a saturated cobalt brand blue (#1D61F2) used for primary conversion actions, active navigation states, and micro-accents. Subtle ice-blue tinted surfaces (#F4F8FD) isolate the primary 3D visual and soften structural boundaries without harsh drop shadows. Display typography is set in a commanding, geometric grotesque sans with tight negative tracking at roughly 52px, softened by rounded button geometry (radii varying from 16px to 999px). The viewer's gaze immediately anchors on the luminous translucent blue 3D digestive model before dropping effortlessly to the high-contrast 'Get Started' action.

首屏与背景设计参考

Clinical Matrix

Built on a clinical white canvas (#FFFFFF), the design balances high-stakes biopharma authority with next-generation AI intelligence. Crimson (#C32B2B) serves as the deliberate primary conversion driver, while an electric blue (#3461E3) injects synthetic momentum through typographic emphasis and data-stream visuals. Display hierarchy hinges on a jarring yet refined hybrid: a bold, geometric neo-grotesque headline interrupted by an italicized or classic editorial serif ('Powered by AI.'). Spacing is strictly modulated on an 8px grid with generous 72px hero padding, anchoring a central query simulator card framed by floating workflow nodes and a stippled vector field. Card surfaces use subtle 1px outlines (#E2E8F0) and 16px corner radii, imparting tactile enterprise software confidence without heavy drop shadows.

定价与转化模块设计参考

Clinical Mint Terminal

The interface sits on a pale clinical canvas (#f8fafc) dominated by a massive, high-contrast CTA card styled in deep obsidian teal (#091c20). Visual hierarchy is driven by a radiant surgical mint accent (#34b382) that spotlights key heading fragments, interactive buttons, and success telemetry. Typography relies on a precise neo-grotesque sans-serif paired with a monospaced terminal font for developer verification. Spacing is strictly regimented on an 8px grid, using 24px corner radii on major containers and 12px radii on nested components. A user first registers the deep teal CTA card juxtaposed against the white page, drawn immediately to the glowing green headline text and the live-response code execution card.

首屏与背景设计参考

Clinical Nebula

The canvas is built upon an immersive deep-space navy (#060A0F) layered with thousands of delicate, stippled point-cloud particles that suggest both astronomical systems and cellular neural networks. Color operates strictly as a beacon of vitality: a crisp jade mint (#48B685) illuminates key headline words, calls to action, and focal nodes, while restrained accent beacons in solar amber (#DE723D) and celestial blue (#4D8FE4) differentiate workflow stages. Typography is set in clean, highly legible neo-grotesque sans-serif with a tight display size around 54px and an overline tracked out with deliberate clinical authority. Structural components adhere to subtle borders (#1D2C3A) and an 8px corner radius on actions, maintaining technical restraint against the organic particle field. A visitor immediately registers the luminous green central logo sphere suspended within tilted planetary orbital tracks.

首屏与背景设计参考

Clinical Neon Flow

This hero section sits on a deep cosmic black canvas (#04080F to #020408) that serves as high-contrast ground for glowing healthcare operations tooling. Color is strictly functional: electric blue (#00A3FF) commands the highest priority actions and headline emphasis, vivid mint green (#10B981) flags positive operational metrics and compliance, while deep midnight navies (#0C1424) construct the glass-panel surfaces. Typography relies on a geometric, neo-grotesque sans-serif with tight negative tracking on display headlines (~52px) and clean 13-14px tabular weights across clinical scheduling blocks. UI panels showcase rounded contours (approx 16px to 24px) paired with intense back-illuminated cyan drop shadows and ethereal circuit-board vector nodes. Spacing is comfortable in the left content column with 24-32px gaps, and dense inside the right dashboard mockup where high-density chair scheduling requires 6-12px padding. The primary focal point is the floating, backlit clinical management board flanked by stacked floating status micro-cards.

首屏与背景设计参考

Clinical Neon Matrix

The canvas is an ultra-deep obsidian background (#030712) layered with soft diffuse radial glows in electric blue and purple. Color is used strictly for architectural hierarchy: cool steel blue (#38bdf8 to #6366f1) accents indicate active computation and primary actions, while muted slate (#64748b and #94a3b8) recedes secondary metadata and code syntax. Typography relies on a clinical, highly legible modern geometric sans paired with a razor-sharp monospace for developer payloads. Visual cards use dark glass surfaces (#0b0f19) bounded by crisp 1px borders (#1e293b to #38bdf8), with rounded corners ranging from 8px on micro-cards to 16px on structural consoles. A distinctive wave of luminous fiber-optic point clouds sweeps horizontally behind the interactive pipeline diagram, establishing high-tech enterprise momentum.

界面组件与网格设计参考

Clinical Orchid

The interface operates on an ultra-soft cool gray canvas (#F8F9FC) structured into a clean bento-grid presentation. Color is applied with surgical restrain: a deep violet-indigo (#5B50EC to #6355D8) acts as the brand anchor, supported by gentle pastel tints (lavender, blush peach, icy sky blue) strictly reserved for icon badges and architectural nodes. Typography uses a high-legibility geometric neo-grotesque with tight tracking on bold headlines (#181920) contrasted against low-contrast slate metadata (#717688). Cards feature an expansive border radius of 16px to 24px, faint translucent borders (#E8EAF2), and diffuse ambient drop-shadows with practically zero hard edges. A prominent split layout anchors narrative feature cards on the left against an integrated technical workflow visualization (code snippet plus orchestrator flow) on the right. A docked bottom compliance ribbon unifies enterprise credentials in a single horizontal strip.

定价与转化模块设计参考

Clinical Pine

The canvas is anchored on a dual-zone architecture: a crisp #FFFFFF foundation on the left and a framed #FAFBFA enclosure on the right that houses three tiered pricing structures. Visual hierarchy relies heavily on a single authoritative accent—a clinical forest green (#0E4734) deployed exclusively on the recommended plan's header banner and primary CTA button. Structural lines and dividers use an ultra-faint gray-green border (#E2E8F0), allowing content blocks to breathe without harsh outlines. Typography is set in a neutral neo-grotesque sans-serif with aggressive tracking on uppercase section indicators (+0.12em at 11px) and tight tracking on the display headline (#111827 at 38px). Card radii sit consistently at 16px, with icon badges softened at 10px and CTA buttons at 8px. A developer-focused code calculator widget grounded in deep charcoal (#111827) offsets the medical sterile palette.

定价与转化模块设计参考

Clinical Pipeline

This interface features a dramatic dual-canvas structure pairing an immersive deep teal floating CTA container with an expansive, clinical white footer. The upper CTA card uses an oceanic slate-green gradient (#031d20 to #063838) overlaid with delicate orbital vector traces and a warm amber ambient glow in the bottom right corner. Color operates functionally: crisp white (#ffffff) commands primary reading, while vibrant mint (#34d399) emphasizes core promises and interactive primary elements. In the footer, stark dark slate headings (#0f172a) are anchored by distinctive 16px-wide emerald dash accents before flowing into stacked muted navigation links (#64748b). The layout enforces high contrast between the organic, rounded 24px CTA module and the rigid, geometric 5-column corporate directory below.

定价与转化模块设计参考

Clinical Precision

This interface features a two-tiered conversion and navigation layout, starting with a pale, airy background (#F4F6F9) supporting pristine pure white rounded cards (#FFFFFF) and transitioning into a deep midnight-slate footer (#0B132B). Color hierarchy is sharply disciplined: deep carbon ink (#0F172A) handles primary display typography, while vibrant cobalt (#3851EC) serves as the primary interactive accent, driving CTA fills, highlighted header phrases, and telemetry metrics. Subtle secondary metrics introduce a cool lavender tint, soft teal, and salmon red for multi-variable impact statistics. Spacing follows generous internal card breathing room (approx 40px to 48px padding) with clean 24px border radii. The reader immediately notices the asymmetrical top grid — a wide narrative CTA block anchored by faint linear wave geometry alongside stacked clinical feature and metrics pods.

界面组件与网格设计参考

Clinical Precision

Set on a deep midnight black canvas (#040810), the interface presents an asymmetric split layout pairing a typographic value proposition with a high-density 3x2 metric grid. Vivid cyan (#38bdf8) and primary blue (#0084ff) serve exclusively as semantic hierarchy drivers, illuminating key stats and active interactive triggers while muted slate (#8a99ad) carries supportive copy. Large, geometric sans headings (~48px) command attention on the left, counterweighted by glowing metric stat cards with 16px radius and subtle 1px border strokes (#122238). A low-profile horizontal banner anchors the bottom of the section, maintaining unified visual rhythm. The overall reading experience starts at the punchy headline and immediately sweeps rightward into quantifiable clinical proof points.

定价与转化模块设计参考

Clinical Precision

This design employs an immaculate stark white canvas (#ffffff) with a disciplined 5-column modular architecture designed for high-trust medical or practice management SaaS. Color serves an exclusively semantic function: a vibrant cobalt blue (#0066fe) commands visual priority, isolating the 'Growth' plan through a continuous 2px border, filled top pill banner, highlighted numeral, and filled action button. Neutral zinc dividers (#f1f5f9) and borders (#e5e7eb) partition content into discrete rounded cards (16px radius) rather than an open grid. Typography is crisp and neutral, relying on bold weights (700) for large pricing anchors ($599) and muted slate (#64748b) for qualifying descriptors. Subtle mint-tinted security badges (#0d9488) at the base offer tertiary reassurance without competing with the primary conversion funnel. The reader immediately notices the cobalt 'Most Popular' growth column suspended within the quiet grid.

网页设计设计参考

Clinical Pulse

pairs an ultra-deep midnight navy navigation rail (#0E1738) with an airy, high-clarity canvas in pale grey-blue (#F7F9FC) and pure white (#FFFFFF) elevated cards. Color serves strictly as clinical telemetry: dynamic status fills like mint cyan (#00BFA5) for recovery and moderate metrics, gentle violet (#8B5CF6) for active monitoring, warning amber (#F59E0B) for severe cases, and soft coral (#F87171) for acute alerts. Typography is crisp and neutral, utilizing high-contrast weights for fast numeric parsing (e.g. 28px bold metrics alongside 12px subtle trend captions). Layout geometry is soft yet disciplined, favoring 16px card radii, 1px whisper borders (#EDF2F7), and 24px gutter rhythms that maintain calm during emergency data consumption. The user's eye lands immediately on the KPI stat row with integrated micro-sparklines before navigating into the stylized anatomical lung illustration and longitudinal trend charts.

界面组件与网格设计参考

Clinical Pulse Bar

The interface presents an isolated, full-width horizontal announcement bar elevated against a faint off-white #FAFAFA backdrop. Structural hierarchy relies on clear horizontal chaining: an encapsulated status pill, a vertical divider rule, descriptive body copy with an inline accent metric, a date stamp, and a terminal external link. Typography is tightly tracked in a clean neo-grotesque sans-serif, using 14px body text paired with a slightly condensed 13px pill label. Color is applied with surgical restraint; functional forest green (#1B5E3B) and mint (#EBF5EE) denote verification and newness, while neutral slate (#1F2937) anchors the typography. The bar features a 1px bottom border (#E5E7EB) with an imperceptible 0 1px 2px rgba(0,0,0,0.04) shadow. Viewers immediately register the high-contrast checkmark pill before scanning across the single-line metric value.

网页设计设计参考

Clinical Radiance

Built on an ultra-clean foundation of crisp white (#ffffff) and pale off-white (#f9fafb), the interface exudes clinical precision while counteracting sterile austerity with friendly geometry. Electric cobalt blue (#1d68f0) serves as the primary action and anchor hue, contrasted against warm salmon coral (#ff7a63) used sparingly as punctuation and vitality accents. Typography is anchored by high-contrast neo-grotesque sans-serif headers rendered in deep slate (#181e28), balanced by airy body paragraphs set at 15px in slate gray (#64748b). Shapes embrace generous border radii from 14px to 24px, softening cards, callout badges, and imagery clip-paths. The user's eye is pulled between the asymmetric organic hero montage and the structured five-column service grid below, where an active cobalt tile breaks visual repetition.

定价与转化模块设计参考

Clinical Radiance

The canvas operates on an ultra-clean clinical off-white (#f8fafd) punctuated by a dramatic deep-space navy horizon (#020617) at the bottom viewport edge. Hierarchy is strictly governed by deep midnight typography (#0b1528) and electric sapphire (#0d63f8) accents that isolate key value propositions and drive primary conversion paths. Layout rhythm features a split structure: value props and social proof stack leftward, while a three-tier pricing grid floats rightward. Spacing relies on generous 32px card padding, 20px card gaps, and a uniform 16px corner radius across elevated surfaces. The center card (Growth) dominates through a subtle tinted border (#bfdbfe), a floating 'MOST POPULAR' pill tag, and a solid cobalt CTA button. A reader immediately notices the vibrant blue emphasis on 'safer AI' balanced against the stark clinical white container surfaces.

界面组件与网格设计参考

Clinical Sage Linear

The canvas is a pristine, warm paper white (#FAFAF7) anchored by deep forest green (#0E3B32) and soft seafoam gradients (#D8F3E5 to #F4FAF7). Information hierarchy is strictly linear and sequential, organized across five equal-width frosted glass cards with 24px corner radii. Type is set in a neutral neo-grotesque sans-serif with a prominent display title at 44px paired with compact 13px captions and 14px body text. A distinctive horizontal dotted line (#0E3B32 at ~30% opacity) threads through all step cards, punctuated by solid 8px connector dots bridging card boundaries. Contrast remains calm and clinical: secondary text rests at #66706D, while trust signals at the bottom sit within a subtle tinted surface (#F7F6F0) with rounded pill accents.

定价与转化模块设计参考

Clinical Sage Workflow

This interface pairs high-contrast medical tech typography with an airy, pristine white background (#ffffff) grounded by a deep evergreen brand hue (#134e48 to #113e38). The upper hero/CTA space is split cleanly between a bold left-aligned headline (~48px) and an illustrative node-and-connector workflow diagram bathed in an ethereal emerald radial blur. The footer transitions smoothly across a faint hairline divider (#f1f5f9) into an organized multi-column layout with compliance badges, secondary navigation links, and an inline newsletter form. Interactive surfaces rely on generous border radiuses (8px to 16px) with ultra-subtle diffuse drop shadows (0 10px 30px rgba(0,0,0,0.04)). The primary CTA button is a saturated deep-green pill/rounded rectangle (~10px radius) featuring white text and an arrow glyph.

界面组件与网格设计参考

Clinical Sanctuary

A clean healthcare-institutional feature section built on an ultra-pale ivory background (#FBFBFA). The primary hierarchy is established via deep forest emerald (#0F3832) across the primary display serif headline and the anchor CTA banner. Six feature cards sit in a balanced 3x2 grid, each defined by a subtle 1px border (#EAECE9) and smooth 16px corner radii over a pure white (#FFFFFF) background. Iconography is housed inside soft, mint-tinted square badges (#E8F3EE) with 12px radii. Typography leverages an editorial high-contrast serif for the h1/h2 tiers and a utilitarian sans-serif for eyebrow pill badges, descriptions, and link labels. The design uses spacious vertical rhythm with approximately 48px to 64px section breathing room and consistent 24px grid gaps.

定价与转化模块设计参考

Clinical Sovereign

The interface is structured in a split two-act canvas: a clean, sterile clinical-white hero section (`#fbfcfd`) juxtaposed against a dense midnight-navy enterprise footer (`#0a0f18`). Primary emphasis is established through high-contrast typography, pairing deep slate display text (`#0b1220`) with vibrant cobalt-to-indigo accents (`#2563eb`). The right-hand hero features an illuminated hub-and-spoke architecture diagram built with 12px rounded rectangular nodes, ethereal blue drop shadows (`rgba(37,99,235,0.12)`), and smooth organic trace connectors. Spacing adheres to an 8px grid with generous section breathing room (80-96px) transitioning into a compact, structured multi-column footer layout with 12px input fields and subtle 1px border dividers.

首屏与背景设计参考

Clinical Synapse

The canvas begins on a stark clinical white (#FFFFFF) at the top-left before transitioning laterally into an atmospheric glowing cobalt mesh (#3B82F6 into #1D4ED8) across the right half. Chromatic hierarchy is strictly managed: critical actions and core identity points trigger an electric royal blue (#1F56E7), while body copy rests in a composed slate (#64748B) and high-impact headings strike in deep midnight ink (#0A0F1D). The typography uses a high-aperture modern sans with tight negative tracking on display sizes (56px) and crisp, tabular monospacing (13px) for API payloads. Surfaces balance soft translucent pill containers (radius 16px) with an ultra-dense, dark navy IDE viewport (#080F1E) nested in the lower-right quadrant. A visitor immediately registers the luminescent 3D central hub anchor ('gp') radiating thread-thin vector conduits outward into floating isometric feature modules.

定价与转化模块设计参考

Clinical Synapse

The interface operates on an ultra-clean, sterile canvas transitioning from pure white #FFFFFF to a soft atmospheric background #F8FAFD. Color is wielded with surgical restraint: deep slate #0F172A establishes uncompromising authority for display headings, while an energetic azure blue #1C6FF2 highlights the pivotal promise and primary interaction points. Supporting data chips introduce faint pastel accents—e.g., pale teal #E6F7F5, warm amber #FEF3E2, and soft sky #EBF3FF—to demarcate biological and enterprise telemetry without visual noise. Typography relies on a neutral, high-legibility geometric sans-serif set at dramatic scales, moving from 54px display weights to 13px micro-copy. Spacing adheres strictly to an 8px grid with generous vertical rhythm (80px section margins) and soft 20px radiused white cards featuring diffuse drop shadows (0 12px 32px rgba(15,23,42,0.06)).

界面组件与网格设计参考

Clinical Synthesis

The interface organizes complex scientific capability into an asymmetric modular bento grid set against a tinted off-white canvas (#F8F9FA). Visual hierarchy is driven by surface contrast and deliberate color restraint: pure white cards (#FFFFFF) and a warm cream spotlight card (#FAF8F5) float with razor-thin hairline borders (#EAECF0). Deep graphite typography (#111827) provides authoritative scientific weight, while muted slate (#6B7280) carries explanatory copy. Coral crimson (#D13B34) serves strictly as an intentional focal spark—anchoring primary actions, quote marks, and molecular target nodes. Radii are consistently soft at 16px across major containers, paired with tight internal component padding (20px to 24px) that delivers dense, data-rich clarity without feeling clinical or barren. The overall rhythm balances structured capability cards with delicate miniature visualizations.

定价与转化模块设计参考

Clinical Terminal

This layout pairs a crisp, airy off-white CTA section on #FAFAFC with an ultra-dense, technical dark footer on #050811. The CTA area employs a dual-column layout where high-impact marketing typography (featuring an electric blue accent #4338CA/#4F46E5) balances against an interactive terminal code preview container set in #0A0E17 with 16px border-radius. Color functions strictly as semantic signal: emerald greens (#10B981) denote operational health and API status, while deep indigo drives conversion buttons. Below, a continuous status ticker acts as a membrane between marketing copy and engineering telemetry. The dark footer arranges dense multi-column links alongside an elevated contact card (#0E1526) with refined 1px subtle borders.

定价与转化模块设计参考

Clinical Terminal

This design balances high-trust clinical software with developer-first tooling through a dramatic split-level canvas. The upper viewport sits on an airy ice-blue field (#F2F5FB) washed with delicate geometric traces and a soft ambient glow, establishing authority without clinical sterility. Color is strictly functional: a vibrant cobalt blue (#2F54EB) claims primary interactive focus, while deep obsidian (#0B111E) anchors the dense data terminal and the expansive footer. Typography pairs an authoritative neo-grotesque display hierarchy with an authentic monospace terminal layout set at 12px with glowing teal (#10B981) and amber (#F59E0B) status tags. The interface transitions cleanly from a 12px pill-and-card language in the hero to a vast 24px-radius dark footer holding four distinct navigation columns, newsletter capture, and regulatory badges.

定价与转化模块设计参考

Clinical Terminal

This dual-zone interface divides the viewport into an airy light-mode conversion banner and an authoritative dark-mode system footer. Color functions strictly as semantic hierarchy: a rich forest pine green signals primary actions and key nouns, while bright mint denotes live telemetry. The typography pairs an engineered neo-grotesque for marketing copy with an authentic monospace engine for live API examples. Spatial density is tightly calibrated, utilizing 16px rounded cards on the light plane and modular 5-column grids across the dark plane. Borders are razor-thin (1px) in muted slate, avoiding drop-shadow drama in favor of clean architectural separation.

定价与转化模块设计参考

Clinical Terminal Dark

The canvas is deeply atmospheric, anchored in near-black (#050914) with subtle radial cyan/blue backdrops underpinning a featured CTA console card. Hierarchy relies on stark white titles (#ffffff), desaturated slate body copy (#8a99ad), and vibrant electric cyan-blue accents (#1e6beb) that signify interactive velocity. Typography combines an ultra-clean geometric neo-grotesque with an uncompromising, precise monospace font used for raw API requests and payload metrics. Component containers use softened rectangular geometry (12px on the hero card, 6px on inputs) contrasted against ultra-subtle 1px border strokes (#1a2538). The viewer immediately registers the developer-first code terminal paired seamlessly with enterprise security guarantees and an authoritative sitemap footer.

首屏与背景设计参考

Clinical Terrain

The canvas is set on a distinctive warm linen ivory (#FAF8F4), rejecting the cold clinical whites of typical biotechnology platforms in favor of editorial warmth. Color acts strictly as cognitive signaling: a deep slate black (#141716) commands structure and primary text, while an earthy terracotta red (#B84435) highlights the critical core mission 'healthcare AI' and performance metrics. Data visualization layers employ emerald green (#2E7D47), clinical blue (#1E63A5), and terracotta to map distinct stages of pipeline telemetry. The typography uses a high-contrast neo-grotesque sans at display scale (~64px, -0.025em tracking) paired with generous 24px button padding and 10px corner radii. A reader immediately notices the tension between the organic misty mountain landscape and the rigid, translucent isometric data-plane stack hovering above it.

界面组件与网格设计参考

Clinical Trust Bar

A high-precision horizontal announcement banner engineered for enterprise healthtech, balancing product news with regulatory compliance. The floating card rests on an off-white #FAFAFA canvas with a pure white #FFFFFF interior, bound by a razor-thin 1px #E2E8F0 stroke and an ambient drop shadow (0 4px 20px -2px rgba(15, 23, 42, 0.05)). Color is strictly functional rather than ornamental: an emerald green badge (#ECFDF5 surface, #047857 text) heralds recency, while deep cobalt blue (#1D61F2) powers compliance badging, secondary hyperlinking, and the primary solid CTA button. Structural vertical hairpins (1px #E2E8F0) create an intuitive four-zone telemetry across the 14px type baseline. The design feels clinical, vetted, and lightweight, prioritizing zero-friction credibility across its 12px rounded shell.

首屏与背景设计参考

Clinical Vapor

The canvas is a pure neutral-to-warm white ground enhanced by soft, diffuse radial backdrops of pale peach, orange, and lilac in the periphery. Deep ink charcoal (#0f172a) delivers high-contrast typography, paired with vibrant purple-indigo and warm coral gradients that distinguish automated developer capabilities from human care. High-fidelity glassmorphism is achieved using elevated white cards with subtle borders, while dark code terminals anchor technical authority. Spacing is expansive and breathable with 20px-24px rounded card surfaces creating an approachable medical-tech aesthetic. Prominent trust proofing and integration docks validate enterprise security and workflow integration.

定价与转化模块设计参考

Clinical Warmth

This design orchestrates a high-trust healthcare SaaS experience through an architectural contrast between a warm parchment CTA panel and a deep obsidian atmospheric footer. The primary canvas rests on neutral gray (#f3f3f3), framing a large rounded hero card (#f9f8f5) with a subtle curved 32px border radius and fine borders (#e8e5df). Typography pairs an authoritative transitional serif display font with clean neo-grotesque sans-serif UI elements. Vibrant royal blue (#3366ff) serves as the primary action colour, reserved strictly for primary buttons and central workflow nodes. The lower third grounds the layout with a deep slate/near-black footer (#1a1c1e) featuring a faint photographic mist/treeline texture, fine 1px dividers (#2c2f33), and four-column link navigation.

定价与转化模块设计参考

Cloud Infra Minimal

This interface features a hyper-clean, developer-centric SaaS aesthetic structured around a dominant floating hero/CTA container set against an ultra-pale gray background (#f8f9fc). The primary callout card uses a deep 24px border radius with a faint 1px border (#edeef5) and extremely diffuse drop shadows, giving it tactile physical separation. Color is used strictly for intent: an electric deep violet (#5333ed) anchors interactive primary buttons and brand marks, while secondary metrics rely on soft pastel-tinted icon chips (coral, periwinkle, lavender) to softly categorize statistics. Typography leverages a geometric neo-grotesque sans-serif with tight tracking at 44px display scale and generous body leading. A four-column metrics cluster juxtaposes a bold two-line value proposition, followed by an inline trust ribbon separated by hairline dividers.

界面组件与网格设计参考

Cloud Infra Minimalist

A developer-facing B2B marketing section built on an ultra-clean neutral canvas (#FFFFFF to #F9FAFB). Hierarchy is established through stark, high-contrast black typography (#0F172A) at 44px paired with slate-gray descriptive text (#64748B) at 15px. Color functions purely as an accent and navigational anchor: soft pastel squircle badges (peach, lavender, sky blue) tinting the icons and a single purple hue (#6366F1) for validation checkmarks. The component structure relies on uniform 16px corner radii across cards and a 4-column metric banner at the base. Spacing is generously rhythmic, using 24px gutters within a modular 3x2 feature grid. A reader immediately notices the punchy, confident two-line heading contrasted against the pale, organized card matrix.

界面组件与网格设计参考

Cloudflow Clarity

This design orchestrates an intuitive 5-step horizontal walkthrough on an ultra-clean, slightly warm white canvas (#fcfcfd). It balances crisp, deep typography (#0f172a) with delicate pastel tints for icon badges and corresponding footer pill tags. A subtle, dotted timeline with glowing circular nodes connects cards, guiding the eye smoothly from integration to execution. Cards sit on stark white surfaces (#ffffff) with rounded corners (~16px) and extremely faint, diffuse ambient dropshadows (rgba(15, 23, 42, 0.04)). Step five expands naturally into a double-width feature showcase displaying high-contrast dark code snippets (#0f172a) juxtaposed with floating query panels.

网页设计设计参考

Coastal Ledger

The layout is built on a split canvas: a dark midnight navy sidebar (#0b1736) anchors the navigation, while an airy cool-grey backdrop (#f4f6fa) hosts high-radius white cards (#ffffff). Color conveys purpose rather than decorative noise; vibrant sea-green (#0fb5a2) commands primary calls-to-action and positive financial metrics, while periwinkle blue (#5b6fc7) balances secondary chart metrics and informational badges. Typography utilizes a geometric neo-grotesque sans-serif with strong hierarchy, scaling from 12px muted metadata up to a 36px hero headline with tight tracking (-0.02em). Card containers feature generous internal padding (24px to 32px) and a consistent 20px border radius, floating over the background with whisper-soft box shadows. A user immediately notices the large editorial tax illustration anchoring the hero card beside high-contrast numeric KPI summaries.

网页设计设计参考

Coastal Sanctuary

The interface marries a structured dashboard layout with a luxury wellness travel editorial. The canvas is dominated by an airy split: a slim white navigation sidebar on the left and a high-immersion content feed on a soft off-white surface (#F8F9FB). Ocean-derived royal blue (#1C64F2) anchors interactive hierarchy, reserved strictly for primary CTA buttons, active states, and navigation highlights, while nature-toned photography supplies the emotional color volume. Typography relies on a clean, geometric grotesque typeface set in deep charcoal (#1E2638) for contrast without harshness. Cards and hero banners use a consistent 16px corner radius, thin dividers (#E5E7EB), and generous internal breathing room (24px to 32px padding). A reader first registers the high-angle drone photograph of the turquoise paddleboarder before settling into the calm horizontal rhythm of the retreat listings.

网页设计设计参考

Cobalt & Cyan Fin

This enterprise financial dashboard couples an immersive dark navy sidebar (#0F1B36) with an airy, high-contrast porcelain workspace canvas (#F5F7FB). Information hierarchy relies on strict typographic scaling and targeted functional color rather than heavy box dividers: key operational actions and line charts burst in vivid oceanic cyan (#0EA5A8), while administrative controls and primary triggers utilize royal indigo (#5252E6). Metric cards feature generous 18px radii, subtle edge relief, and clean top-right squircle icon badges tinted in pale matching pastels. Data displays employ neutral slate text (#64748B) for labels and deep ink (#0F172A) for large tabular figures, with emerald positive deltas (+18.6%). The balance between dense tabular records, high-level line graphs, and immediate transaction inputs feels tailored, spacious, and mathematically calibrated.

网页设计设计参考

Cobalt Academy

Built upon an ultra-clean #fbfcff canvas, the design marries agency-grade structural precision with high-chroma playfulness. The hierarchy relies on a commanding deep royal blue (#0b4de0) paired with an electric fuchsia accent (#f43f85), using color intentionally to anchor CTAs, category tags, and punctuation dots rather than as mere ambient decoration. Typography is tightly tracked in display sizes with bold periods and crisp geometric sentence casing, dropping down to muted #58627a slate for comfortable long-form reading. Micro-delight enters through soft 3D floating matte clay elements in the hero, balanced by structured cards bound by hairline #e2e8f0 borders and large 24px corner radii. The page immediately pulls attention through the bold 'Get schooled.' hero paired with the luminous blue brand block anchoring the bottom half.

网页设计设计参考

Cobalt Affinity

The design sits on a pristine #FFFFFF canvas with purposeful structural zoning created via ultra-pale slate and sky-blue washes (#F4F8FE). Primary visual weight is driven by deep ink headings (#0F172A) balanced by saturated royal cobalt (#2F6BFF) applied strictly to high-intent actions, hero highlights, and primary states. Feature navigation utilizes an asymmetric highlight pattern: one card is washed in #EFF6FF with a #2F6BFF icon block, while siblings remain stark white with pastel-tinted icon chips. Spacing adheres to a generous 8px rhythm with card paddings at 28px and gentle corner radii at 16px for interactive blocks and 8px for controls. The immediate focal point is the 3D-rendered character holding a laptop, framed by floating micro-analytics cards that cast soft, high-diffusion ambient drop shadows (#0F172A at 6% opacity).

网页设计设计参考

Cobalt Agency Core

The interface is defined by a dramatic high-contrast split: a deeply saturated midnight-to-sapphire gradient hero section transitioning abruptly into a clean, warm-tinted white canvas. Color is strictly utilitarian and brand-driven, leveraging intense royal blue (#1967d2 to #0d47a1) for primary calls to action, active navigation, and key stat callouts, contrasted against dark navy slate cards and pure white surfaces. Typography is modern, geometric sans-serif (resembling Inter or Plus Jakarta Sans) deployed with tight tracking in display headings and generous line height in subtexts. Generous 16px to 24px border radii define interactive surfaces, dashboard mockups, and card containers. The overall aesthetic strikes a professional balance between premium tech agency polish and clean corporate accessibility.

网页设计设计参考

Cobalt Agency Standard

The design sits on a pristine, luminous white canvas (#FFFFFF) anchored by a rich, corporate ink black (#111827) for high-impact typography. A vivid cobalt blue (#2B66F6) serves as the primary thematic engine, highlighting key phrases, active tabs, and primary action buttons. Accent colors—emerald green (#22C55E) and vibrant rose (#F43F5E)—are deployed purposefully to categorize service capabilities and roadmap phases without overwhelming the editorial hierarchy. Card structures maintain clean, expansive padding (24px to 32px) and generous border radii (16px to 24px) paired with delicate hairline borders (#E2E8F0). The visual weight is anchored midway down the page by an inverted midnight-navy container (#121833), creating a sudden dramatic shift in surface elevation that organizes the four-step execution process.

网页设计设计参考

Cobalt Agency Studio

The canvas is a spotless, bright paper-white (#FFFFFF) setting off a high-contrast dark navy typography system (#0D172A). Royal cobalt blue (#215CE6) acts as the primary driver of intent, highlighting key focal points like the call-to-action buttons, the active state tab, and focal headline numbers. An asymmetrical two-column hero pairs a commanding 64px display heading with an expansive, pastel-shaded character illustration frame. Below the fold, an elevated multi-metric strip grounds the design, utilizing large 24px rounded corners and subtle tinted icon badges. Spacing is expansive and balanced, employing generous margins around 80px section breaks and 16px to 24px component padding. The overall aesthetic balances Silicon Valley corporate clarity with friendly, creative-agency humanism.

网页设计设计参考

Cobalt Agency Studio

The canvas is rendered in pristine, near-white porcelain (#FAFBFF) paired with crisp white (#FFFFFF) elevated surfaces. Color is deployed with surgical discipline: deep royal cobalt (#2D5BFF) commands all primary action points and brand identity, while muted slate (#6F768E) softens descriptive typography. Vibrant secondary pastels—bubblegum pink (#FF4F79) and spring emerald (#22C55E)—are strictly relegated to supporting illustration accents and card category badges. The primary typography relies on a clean, humanist geometric sans-serif, using heavy 700-weight tracking for the 52px display headline and crisp uppercase tracking for the 12px eyebrow. Spacing adheres to a generous 8px base rhythm with 16px to 24px inner paddings and wide horizontal margins that grant ample negative space. A first-time viewer instantly registers the dynamic, floating vector designer illustration counterbalanced by the punchy primary blue CTA and crisp feature cards.

首屏与背景设计参考

Cobalt Agentic

This design sets a deep obsidian backdrop around #030712 punctuated by bilateral cyan-blue wave glows that project illumination inward. Hierarchy is established through high-contrast white typography (#F8FAFC) at headline scale (approx 56px) paired with soft cyan-gray descriptive copy (#94A3B8). Vibrant royal blue (#2563EB to #1D4ED8) commands the primary calls-to-action, while emerald green (#10B981) highlights status signals like live badges and successful execution states. Interactive containers leverage rounded rectangles (16px–20px radii) enveloped in subtle glowing neon borders. A centered interactive product simulator anchors the bottom fold, mimicking an IDE or API command center with crisp monospace typography.

定价与转化模块设计参考

Cobalt Aperture

The layout pairs an expansive off-white baseline canvas of #f5f7fa with a high-impact cobalt blue CTA card featuring soft telemetry line graphics and radar contact points. Color acts strictly as informational scaffolding: vivid cobalt #0b5ce6 anchors interactive elements and category labels, while deep navy #08285e and subtle cyan #4db4ff articulate autonomous sensor depth. The typography relies on a clean, geometric neo-grotesque sans with tight negative letter tracking on the 44px display headline and extended letter spacing on 11px uppercase category headers. Shape conventions are crisp and modern, featuring 20px radii on the hero card, 10px on interactive inputs and buttons, and 8px on social icon squares. What a reader notices first is the radiant contrast of the deep blue hero banner and its crisp white primary button against the quiet, organized 5-column footer below.

网页设计设计参考

Cobalt Ascent

The canvas presents a high-clarity landing interface structured around a bright #FFFFFF main sheet floating inside a delicate #F4F6FB peripheral border. Royal cobalt (#3A57E8) commands the primary visual weight, driving attention directly to the two-tone display headline and key conversion buttons. Neutral typography leans on high-contrast obsidian (#181E2E) for headers and balanced cool grey (#64748B) for supportive copy. Structural grouping relies on generous pill shapes, 16px to 24px corner radii, and ultra-soft diffuse dropshadows (y: 8px, blur: 24px, opacity: 0.05). Readers immediately encounter the dual-tone hero text paired with an uplifting narrative illustration before settling into the bottom multi-column metric dock.

定价与转化模块设计参考

Cobalt Assurance

This layout pairs an authoritative floating dark CTA banner against an expansive, sterile light footer canvas (#FFFFFF and #FAFBFC). The dominant CTA card uses an oceanic midnight gradient (#021B3D to #0B3B7B) framed with an ultra-fine 1px border (#1E4072) and curved at a generous 24px radius, anchored by a translucent glowing 3D-effect compliance shield. Visual hierarchy is established via high-contrast white typography on the dark card, transitioning into calm slate (#64748B) and deep ink (#0F172A) in the footer structure. Typography relies on a geometric modern sans-serif with tight negative tracking on display headings (-0.02em) and generous leading on body text (1.6). Key interactive points like the primary 'Book a Demo' button utilize a vibrant azure blue (#2F76F6) backed by a diffuse outer glow (box-shadow: 0 10px 25px rgba(47, 118, 246, 0.4)). Spacing adheres strictly to a clean 8px modular baseline, creating clear horizontal tracks between content blocks.

界面组件与网格设计参考

Cobalt Assurance

The canvas is a high-key architectural white (#f8fafc) subtly bathed in ambient blue-tinted radial vignettes. Color is deployed with strict operational restraint: an energetic cobalt blue (#0b57d0) signals interactive authority, vibrant emerald (#10b981) marks live system integrity, and muted slate (#5b6577) anchors secondary prose. Primary typography delivers an assertive, high-contrast grotesque headline with crisp, condensed tracking, countered by legible utilitarian body text. Interfaces and metrics live inside expansive, rounded modules (24px radius) delineated by faint 1px hairline borders (#e9edf3) and nearly imperceptible ambient drop shadows. A first-time observer immediately registers the stark contrast between the heavy industrial robotic arm render and the ethereal, translucent glass floating data panels.

定价与转化模块设计参考

Cobalt Assurance

The canvas is anchored in a near-pitch obsidian void (#060A11) that relies on cold cyan and electric cobalt accents rather than neutral grayscale for its visual hierarchy. Structural containment is achieved through rounded 18px cards with low-contrast slate-blue perimeter strokes (#16233B) and deep navy fills (#0A1120). Color functions strictly as priority signifiers: electric blue (#2B7FFF) elevates the featured 'Growth' card via solid button treatment and glowing badge fills, while energetic mint (#34D399) flags monetary incentives like 'Save 15%'. Typography establishes authoritative legibility through tight display letterforms (-0.02em) transitioning from stark white (#FFFFFF) to a bright luminous azure (#6DB6FE) in the dual-tone H1 headline. Generous 32px internal card padding and structured 16px list item gaps ensure complex liability criteria remain scan-friendly without visual clutter.

移动端界面设计参考

Cobalt Atelier

The screen uses a cool-tinted off-white canvas at #F4F6FB upon which pure white #FFFFFF cards float with generous 24px corner radiuses. Visual drama is established immediately at the top by a dark 24px-radius photographic hero card showcasing twilight canal reflections beneath clean white type. Color acts strictly as interactive guidance or tonal categorization: electric royal blue #3D68FF marks primary interactions, active tabs, and navigation links, while soft pastel tints (#EDF3FF, #FFF0EE, #EAF7F0, #F6EEFD) give discrete identities to service offerings. Typography relies on a friendly geometric grotesque with heavy, compact headings (#161B2E) paired with airy, slate-gray body text (#7C8BA0). Generous vertical padding of 24px inside modules combined with tight 16px inter-card gutters establishes a clean, modern mobile portfolio cadence. A reader first notices the contrast between the dark cinematic hero banner and the crisp, modular white cards below.

移动端界面设计参考

Cobalt Atelier

The screen bridges an immersive, hyper-saturated electric blue hero header (#2554eb) with an airy off-white card canvas (#f5f7fb) anchored by massive 36px rounded sheet corners. Color functions strictly as brand impact up top and surgical directional signalling below, relying on crisp coral (#f06a65) and teal (#4cd4b0) accents. Typography balances bold neo-grotesque headlines (32px, -0.02em tracking) against technical uppercase micro-labels spaced at 0.15em. The layout employs an asymmetric split-column editorial card featuring a monochrome portrait with a 24px corner radius beside left-aligned narrative typography. Spacing maintains a strict 8px vertical grid cadence with generous 24px horizontal gutters. A first-time viewer immediately registers the oversized architectural white 'C' glyph framed by fine circular radial tick marks.

定价与转化模块设计参考

Cobalt Aurora

This interface pairs an atmospheric, vibrant deep-blue to violet aura canvas with structured rounded bento-style cards and a pitch-black grounded footer. The upper CTA section floats over an electric linear and radial gradient field (shifting from #0238c9 through #4c35e0 to #030616), encased in high-radius cards (24px) with subtle translucent border treatments. Typography is set in a modern neutral geometric sans, using bold display weights up to ~40px and crisp body copy in pale indigo tints (#cbd5e1). The interface hierarchy moves from an expansive hero CTA card spanning 50% of the grid down to metric-driven feature tiles, settling into a dark footer (#030712) cleanly demarcated by a thin hairline rule (1px rgba(255,255,255,0.08)). Primary actions stand out with stark white fills against the saturated blue, commanding immediate visual focus.

定价与转化模块设计参考

Cobalt Automata

The interface operates on a void-black to deep navy canvas (#050811 to #08101e) where hierarchy is established through luminous accents rather than surface tinting. Primary conversion actions blaze in saturated royal blue (#1d68f6), while quantitative machine telemetry and status signals use vivid mint-emerald (#34d399). Typography relies on a neutral grotesque sans-serif with tight negative tracking on display headings and relaxed leading on muted descriptions. Layout spacing balances an asymmetric 2-column conversion stage with an architectural 5-column utility footer separated by an electric horizontal flare.

定价与转化模块设计参考

Cobalt Autonomous

The interface presents a stark horizontal bifurcation: a bright, clinical white floating card (#FFFFFF with 24px border radius) docked directly above an expansive, deep space navy foundation (#0B0F17). Colour operates strictly for functional hierarchy—electric cobalt (#1E5EFF) commands action points, while neutral slate tones guide scanning across dense navigational arrays. Typography is disciplined and tight, using neutral neo-grotesque sans-serif with negative tracking on bold display headlines (around 38px) down to tabular metrics and crisp 13px link columns. The floating CTA container uses asymmetric modular cards inside: a soft cool-grey inset pod (radius 20px) and a high-contrast dark telemetry card. The visitor's eye is seized first by the bold cobalt CTA button with its soft blurred glow, before settling into the systematic multi-column footer architecture below.

界面组件与网格设计参考

Cobalt Autonomous

The canvas operates on an absolute black foundation (#05070B) paired with very dark charcoal-blue surface panels (#0B0F17 to #0E131F) defined by hairline borders (#1A2333). Color is used with surgical restraint: brand cobalt (#2563EB to #3B82F6) drives critical focal points like heading emphasis ('answered.') and active numbered badges, while subtle neon cyan glows emanate softly from structural corners. Typography features high-contrast white headlines against muted cool-grey body copy (#94A3B8) with monospace code accents. Spacing is expansive and modular, balancing an illustrative technical diagram and code preview block against a cleanly indexed FAQ accordion list. Generous 16px to 20px card border radii soften the technical precision without compromising developer credibility.

界面组件与网格设计参考

Cobalt Autonomy

The canvas rests on a rich near-black `#05070e` with a delicate dot-matrix matrix texture below and a soft blue volumetric radial glow diffusing behind the card grid. Color enforces strict hierarchy rather than embellishment: titles gleam in pure white `#ffffff`, key branded value propositions pop in glowing periwinkle-blue `#4f80f7`, and explanatory text drops back into muted steel `#8f9bb3`. The typography uses clean neo-grotesque letterforms set with generous line heights and tight negative tracking on display sizes. The layout pairs an asymmetric narrative column on the left with a rigid 3x2 feature matrix on the right, all bound by 18px card radii and hairline 1px borders in `#172033`. What catches the eye first is the dual-tone heading contrasted against the glowing, illuminated center of the right-hand card grid.

网页设计设计参考

Cobalt Barber

The interface establishes an asymmetrical stage where a sterile, luminous left side (#f8fafd) balances a cinematic, photorealistic barbershop facade at dusk. Colour functions as a surgical signifier: electric royal cobalt (#2563eb) is reserved strictly for primary actions, active navigational states, and event brand accents, while neutral slate (#64748b) carries secondary prose. The type system pairs a punchy geometric sans at display scale (approx 54px) with airy, high-contrast tracking down to 12px uppercase event pills. A continuous pill and soft-corner grammar governs all interactive elements, notably the 10px button radii and the expansive 20px radius floating feature bar. Spacing feels editorial and uncluttered, deliberately leaving 32px to 48px cushions around headline locks. The reader immediately registers the stark transition from the white graphic interface into the luminous warm-lit architectural render on the right.

网页设计设计参考

Cobalt Blueprint

The interface operates on an ultra-dark navy canvas (#080c14) layered with muted charcoal-blue panels (#0b101b and #0f172a). Color is ruthlessly disciplined: luminous electric blue (#3b82f6 to #60a5fa) signifies active states, primary actions, and signal flow, while soft emerald (#10b981) confirms successful pipeline steps and crimson (#ef4444) marks failures. High typographic contrast guides the eye, with a bold display title at 28px anchoring the page before cascading into 13px muted metadata (#94a3b8) and crisp 11px uppercase captions. Spacing follows an 8px grid rhythm with generous 16px to 24px container padding and consistently rounded cards (16px radius). The most arresting visual element is the technical blueprint canvas in the main stage, featuring an ultra-fine grid overlay (#1e293b pattern) punctuated by glowing neon nodes interconnected by luminous gradient beams.

网页设计设计参考

Cobalt Blueprint Studio

This interface pairs an ultra-clean, high-key white and cool slate-tinted canvas (#F8FAFC) with vibrant electric blue highlights (#0052FF). The left rail uses clean categorized navigation with low-contrast gray text and pale blue pill indicators to establish context. In the main viewport, a dynamic isometric hero illustration showcases angled template previews floating behind a bold display headline with an accent-tinted keyword ('Built to Convert'). Below the hero banner, a horizontal filter bar of rounded pills (#F1F5F9) effortlessly segments a 3-column responsive grid of high-fidelity template cards. Each card is finished with soft 16px corner radii, delicate micro-borders, and subtle ambient shadows, delivering a premium enterprise-tier product showcase feel.

网页设计设计参考

Cobalt Botanical

The canvas is pristine ivory-tinted white (#FFFFFF to #F8F7F5) serving as a clinical yet organic backdrop for premium derm-care products. High-contrast cobalt blue (#1D4ED8) is used strictly for conversion hierarchy, accentuating primary pill buttons, eyebrow subheaders, and standout metrics, while preventing the layout from drifting into sterile monochrome. Typography relies on a modern geometric sans-serif, using heavy display weights (700) for headlines paired with uppercase tracked micro-copy (12px, tracking 0.08em) for clinical credibility. Imagery commands attention with 24px rounded card bounds showing organic textures like sliced coconuts and water droplets alongside sleek white cosmetic bottles. Spacing is expansive and rhythmic, setting 64px to 96px gaps between modules to convey luxurious breathing room.

定价与转化模块设计参考

Cobalt Cadence

This interface establishes an ultra-clean enterprise SaaS aesthetic anchored by an immaculate #FFFFFF canvas softly warmed by faint ambient glows. Color operates primarily as a semantic pointer: authoritative #0F172A slate anchors core readability, while high-octane #254FDC cobalt isolates the value-proposition punchline and primary actions. Subtle pastel fills (#F3E8FF purple, #E0F2FE cyan, #DCFCE7 green) are reserved strictly for circular icon housings along an orbital trajectory, preventing visual fatigue. The typography relies on a sturdy geometric neo-grotesque with tight display tracking (-0.03em) and generous line heights for multi-line body segments. Shape language balances generous 16px radius surface cards with pill-shaped 999px badges, enclosed by delicate 1px borders in #E2E8F0. A viewer immediately notices the two-tone headline hierarchy before descending into the rhythmically balanced 4-column feature deck and baseline proof metrics.

网页设计设计参考

Cobalt Campus

The interface operates on a pristine multi-layer white and off-white canvas (#FFFFFF base over a #F8FAFC frame) anchored by a persistent narrow left utility sidebar and a generous fluid workspace. Hierarchy is driven by an energetic cobalt blue (#1B64F2) reserved strictly for key interactive elements, primary pill buttons, and active indicators, while supporting status tags use tinted pastel fills (such as #FFF1EE peach and #EEF4FF soft blue). Typography relies on a geometric neo-grotesque sans with tight negative tracking on display headings (#0F172A) and airy slate (#64748B) for metadata and body copy. Surface hierarchy is defined by generous 20px to 24px rounded corners and ultra-diffuse ambient shadows (blur 24px, 4% opacity) rather than structural strokes. A user immediately notices the dimensional contrast between the live photography, floating contextual glass widgets, and matte 3D course iconography.

网页设计设计参考

Cobalt Canvas

This interface is a sophisticated light-theme marketing operations workspace built on a subtle cool-grey canvas (#F8F9FC) framed by pristine white cards (#FFFFFF) with delicate border outlines (#E2E8F0). Vibrant ultramarine blue (#2563EB) acts as the primary functional anchor, guiding attention to primary actions, interactive states, and focal metrics. A prominent isometric 3D hero illustration breaks the structured corporate grid while maintaining soft, high-fidelity marketing realism. The layout adopts a standard three-column SaaS architecture (left fixed navigation, central operational workspace, right performance telemetry). Visual hierarchy is strictly enforced via high-contrast dark slate typography (#0F172A) down to muted neutral subtext (#64748B), softened by continuous 12px to 16px corner radii and fine 1px strokes.

首屏与背景设计参考

Cobalt Canvas

The interface operates on a pristine white canvas anchored by an atmospheric electric cobalt gradient radiating from the right edge. Deep ink slate (#0D1527) establishes commanding visual hierarchy in the headline, with the pivotal value proposition accented in vivid royal blue (#1366FF). A disciplined 10px corner radius governs primary actions, while metadata chips use full 999px pill geometry. Visual narrative hinges on a tactile transformation metaphor: a desaturated slate wireframe card (#94A3B8) directly contrasts against an elevated, vivid white and cobalt dashboard tile. The lower container transitions cleanly via an oversized 40px rounded top boundary. Crisp spacing clusters guarantee rapid scanning across the 54px display heading down through micro proof points.

网页设计设计参考

Cobalt Canvas Hub

This hybrid dashboard-landing interface pairs an ultra-dark navy left sidebar (#0d1829) with a crisp, bright workspace framed on an off-white field (#f8fafd). Deep royal blue (#3b66f5) acts as the primary functional accent, steering attention toward calls-to-action and key navigation indicators, while a gradient card (#4c7dfc to #567bf8) houses secondary promotion. The typography relies on a clean, geometric sans-serif delivering massive editorial display sizes (around 46px at bold weight) contrasted with compact 12-14px utility text. Card modules feature generous 16px to 20px rounded corners with whisper-soft borders (#eef2f7) and delicate ambient drop shadows. Floating vector graphics and pastel-tinted icon chips (#ffedd5, #dcfce7, #ede9fe) inject lively warmth without breaking structural discipline.

首屏与背景设计参考

Cobalt Circuit

The canvas is anchored on an immaculate white base (#ffffff) dissolving into a misty periwinkle atmospheric floor that stages a futuristic isometric hardware-and-data hub. Deep slate-black (#0f172a) establishes core authority across navigation and headings, while a luminous electric cobalt (#2b47fc) injects high-voltage energy into the hero headline emphasis, primary CTA, and circuitry glow. Type is tightly tracked, geometric, and crisp, contrasting large-scale display titles against dense, modular 12px technical metadata. Spacing is strictly governed by generous 48px to 96px vertical macro-intervals, while UI modules maintain tight 8px internal grids. What commands attention immediately is the luminous central puck routing electric cyan-blue light beams across an etched porcelain plane into floating glass-morphic workflow cards.

网页设计设计参考

Cobalt Cirrus

The interface is anchored by an expansive cool-white workspace (#ffffff) framed against a very pale slate-tinted canvas (#f4f6fa) with delicate 1px borders (#e6edf5). Saturated royal cobalt (#2563eb) acts as the decisive primary brand anchor, reserved strictly for calls-to-action, active indicators, and focal vector elements, while secondary signals use crisp emerald (#10b981) and warm marigold (#f59e0b). Typography employs a modern geometric sans-serif that shifts from a heavyweight 44px display headline down to tight 11px uppercase metadata tags with wide letter-spacing. Spacing follows a disciplined 8px modular cadence with generous interior padding, establishing an airy and uncluttered executive layout. Rounded geometries dominate the interface, utilizing continuous 16px card radii paired with 999px full-pill buttons and category badges. Readers immediately register the harmonious interplay between dense SaaS analytics below and a friendly, editorial-style hero vignette above.

继续浏览下一页提示词。