企业与 SaaS 设计提示词

Design a professional SaaS marketing website. Clean header with logo, product/solutions/pricing/docs nav links, and 'Get Started' CTA button. Hero: clear headline describing the product benefit, subtext, email input with CTA button, and a product screenshot. Sections: feature grid (2x3), integration logos, customer testimonials with company logos, pricing table (3 tiers with annual/monthly toggle), FAQ, footer with sitemap columns. Use Inter font, blue primary color (#2563eb), neutral gray palette, and generous whitespace.

Create a Stripe-inspired product page using shadcn/ui. Include: a gradient mesh background for the hero section, clean typography with large heading and clear subtext, animated code snippets showing API usage, interactive pricing calculator, feature comparison table with checkmarks, and a developer-focused footer with API docs links. Use a blue-to-purple gradient accent, white cards with subtle shadows, and system font stack.

Build a B2B SaaS platform interface in Next.js. Include: top navigation with mega-menu dropdowns for Products and Solutions, a resource center page with filterable blog/case-study cards, a pricing page with feature comparison matrix, and a contact sales form with company size selector. Use professional typography (Inter), blue-600 as primary, gray-50 backgrounds for alternating sections, and 80px vertical section spacing.

Generate a complete enterprise web application shell with React and TypeScript. Include: authenticated layout with top bar (user menu, notifications, org switcher), sidebar navigation with collapsible sections, breadcrumb navigation, page header with action buttons, and a content area. Build reusable components: DataTable with sorting/filtering/pagination, StatCard, PageHeader, EmptyState, and ConfirmDialog. Use Tailwind CSS with a professional blue-gray color scheme.