網站範本
Simplistic SaaS Template
A SaaS template designed for AI and Agentic startups, features bento grids with rich illustrations and microinteractions.
這個範本的介紹目前還沒有繁體中文版本，先以英文顯示。
SaaS · AI · 免費
設計解讀
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
點擊「使用這個範本」，在 Ottermind Studio 中開啟並自動填入需求。
- 2
在需求中補充你的品牌、受眾、頁面與內容。
- 3
Ottermind 以這套設計為靈感打造全新網站，你可以在對話中繼續修改。
