网站模板

Simplistic SaaS Template

A SaaS template designed for AI and Agentic startups, features bento grids with rich illustrations and microinteractions.

这个模板的介绍暂时还没有中文版本,先以英文显示。

SaaS · AI · 免费

Simplistic SaaS Template

设计解读

AI 对这套模板设计的解读:配色、字体、间距、区块和标志性细节。使用模板时,Ottermind 会以它为起点。

这份解读暂时还没有中文版本,先以英文显示。

Overall

SaaS landing page, modern and clean, low density, light

Palette

background #FFFFFF; surfaces #FFFFFF, #F8FAFC; text #1A1A1A; muted text #6B7280; primary #3B82F6; accents #10B981, #F59E0B, #EF4444

Type

headings Inter, 700, sentence-case; body Inter, 14px; scale h1 64px, h2 48px, h3 32px

Shape & spacing

button radius 8px, card radius 12px, borders 1px solid #E5E7EB, shadows 0 1px 3px rgba(0,0,0,0.1), section spacing 80px, content width 1200px

Sections (top to bottom)
  • Hero — full-width, single column, large headline, subheading, two CTA buttons (primary blue, secondary white), diagonal blue gradient overlay from top-right corner
  • Product demo — embedded app screenshot with macOS window frame, showing task management interface with columns (Backlog, Todo, In Progress), issue cards with labels and avatars, sidebar navigation
  • Features — bento grid layout, 3x3 cards with illustrations, icons, and short descriptions, alternating card sizes
  • Testimonials — horizontal scrollable row of user quotes with avatars, light gray background
  • Pricing — three-column comparison table with tiered plans, highlighted column in blue
  • CTA — centered form with input field and button, dark background with white text
Signature details
  • Diagonal blue gradient overlay in hero section
  • Embedded app interface mockup with realistic macOS UI
  • Bento grid with varied card sizes and rich illustrations
  • Microinteractions on hover (e.g., card lift, button pulse)
  • Consistent use of rounded corners and soft shadows
  • Color-coded labels and status indicators in the app view
Other pages
  • /features: Grid of illustrated features with brief descriptions
  • /pricing: Tiered pricing table with comparison highlights
  • /about: Team photos and mission statement with subtle animations

模板信息

分类
SaaS, AI
许可
Commercial
作者
Aceternity UI
价格
免费

原始设计来自 Aceternity UI,发布于 Aceternity UI。Ottermind 不会复制模板代码,而是根据需求生成一个全新的网站。

Ottermind 起步用的需求

它会作为草稿在 Studio 中打开,发送前先补充你的品牌、受众和页面。

Build a saas website inspired by the "Simplistic SaaS Template" template. Reference brief: A SaaS template designed for AI and Agentic startups, features bento grids with rich illustrations and microinteractions. Use original copy and imagery for my brand rather than the reference's placeholder content.

如何使用这个模板

  1. 1

    点击「使用这个模板」,在 Ottermind Studio 中打开并自动填入需求。

  2. 2

    在需求里补充你的品牌、受众、页面和内容。

  3. 3

    Ottermind 以这套设计为灵感生成一个全新网站,你可以在对话中继续修改。