主题 · 公司网站 · 入门

AI SaaS 落地页

AI SaaS 落地页 = 紫夜蓝画布配蓝紫渐变体系、居中渐变主视觉、客户 Logo 墙、带 KPI 卡与柱状图的产品窗口、六个特性卡与渐变 CTA 横幅。

直达修改 Prompt →

AI Workflow Platform

Ship AI features
10× faster

Nebula turns prompts into production agents — build, evaluate, and deploy from one canvas.

Trusted by teams at Arclight Hexon Drift Vantage Loopwork

app.nebula.ai/build

142Agents live

99.98%Success rate

1.2sAvg latency

Agent BuilderDrag-drop workflow nodes

Edge InferenceSub-50ms worldwide

Vector StoreBuilt-in retrieval

Evals & TracingCatch regressions early

Team SpacesRoles and approvals

One-click DeployCLI, Git, or API

Start building todayFree while in beta · No credit card

怎么向 AI 描述它

Build a complete AI SaaS landing page for "Nebula", an AI workflow platform. One blue-purple gradient system carries the identity; sections follow the classic conversion order — promise, trust, proof, features, action.

STYLE
- Violet-navy canvas #0b0b18 with three soft radial glows: indigo top-left, violet top-right, a faint purple bloom rising from the bottom center
- One gradient system used everywhere: indigo #6366f1 → violet #8b5cf6 → purple #a855f7 (buttons, headline text, chart bars, card borders, active nav pill)
- Gradient text on the hero headline and KPI numbers only; all body copy stays plain white
- Feature cards use a 1px blue-purple gradient border on a translucent surface

LAYOUT (top to bottom)
- Top nav: gradient dot wordmark "Nebula", links (Product / Features / Pricing / Docs), "Sign in" link, gradient "Get started" button; hairline border below
- Centered hero: gradient pill kicker "AI WORKFLOW PLATFORM", two-line gradient headline "Ship AI features 10× faster", one subcopy line, two CTAs (gradient "Start free trial" + ghost "Book a demo")
- Logo cloud: "Trusted by teams at" + 5 muted wordmarks (Arclight, Hexon, Drift, Vantage, Loopwork)
- Product preview: centered browser window (~78% width) titled app.nebula.ai/build — left sidebar with 4 items (first active with gradient pill), main area with 3 KPI cards (142 Agents live / 99.98% Success rate / 1.2s Avg latency) above a gradient bar chart
- Feature grid: 6 cards in a 3×2 grid (Agent Builder / Edge Inference / Vector Store / Evals & Tracing / Team Spaces / One-click Deploy), each with a gradient tile icon, bold label, and one line
- CTA band: gradient-wash card "Start building today — free while in beta · No credit card" with a gradient "Get started free" button
- Footer: "© 2026 Nebula Labs" left, "Privacy · Terms · Status" right

COMPONENTS
- Navbar with gradient wordmark dot and gradient primary button
- Hero headline with gradient text and two CTAs
- Logo cloud row
- Browser-chrome product window with sidebar, KPI cards, and a bar chart
- Gradient-bordered feature cards and a gradient CTA band

TECHNICAL
- React
- Tailwind CSS
- shadcn/ui

Revise only the hero section of this landing page. Keep every section below it unchanged.

CHANGES
- Tighten the gradient headline to a single line and cut the subcopy to 14 words
- Move the product preview window up so it breaks the fold
- Replace the two hero buttons with one gradient button plus a text link

DO NOT
- Do not restyle the feature tiles, logo cloud, or CTA band
- Do not remove the radial glows or change the violet-navy canvas

Build a production AI SaaS landing page for "Nebula" where one gradient system carries the entire visual identity.

STYLE
- Violet-navy #0b0b18 base, sections separated by hairlines of indigo light
- Single gradient ramp everywhere: indigo #6366f1 → violet #8b5cf6 → purple #a855f7
- Gradient text reserved for the headline and stat numbers; body type stays plain white

LAYOUT
- Sticky transparent navbar that gains a blur and a bottom hairline on scroll
- Hero: gradient pill kicker, gradient headline, 14-word subcopy, gradient CTA, logo cloud directly below
- Product preview window with sidebar, KPI cards, and a bar chart breaking the fold
- Six feature tiles on a 12-column grid, each with a 1px gradient border
- Closing CTA band on a gradient wash, then a two-column footer
- Extend below the fold with a 3-tier pricing section and a 5-item FAQ accordion

COMPONENTS
- Navbar, gradient button, badge, card, KPI card, bar chart, pricing card, accordion
- Gradient accent surfaces for the CTA band

INTERACTION
- Radial glows drift slowly (60s loop, translate only)
- Sections fade up on scroll, 400ms ease-out, staggered by 80ms
- Respect prefers-reduced-motion

TECHNICAL
- React, Tailwind CSS, shadcn/ui, next/font

MOTION
- One orchestrated first-paint: headline, subhead, then CTA, staggered ~100ms, under 600ms total.
- Sections entering the viewport each get one reveal. Not one per card.
- No hover micro-motion on every card. That is the signature of a generated page.
- prefers-reduced-motion: render everything in place.

修改类 Prompt 只动目标，不碰页面其余部分。