Webサイトテンプレート

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(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 がこのデザインに着想を得た新しいサイトを作ります。チャットで続けて調整できます。