网站模板

Productized Agency Template

Modern template for productized agencies to showcase services, packages, and pricing with a clean design.

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

Portfolio · SaaS · 免费

Productized Agency Template

设计解读

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

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

Overall

agency landing page, professional and modern, medium density, light/dark contrast

Palette

background #f2f2f2; surfaces #ffffff, #000000; text #1a1a1a; muted text #757575; primary #ffd700; accents #ff6b35, #4caf50

Type

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

Shape & spacing

button radius 8px, card radius 16px, borders none, shadows 0 8px 24px rgba(0,0,0,0.1), section spacing 64px, content width 1200px

Sections (top to bottom)
  • Hero — full-width, centered headline with subheading, two CTA buttons, logo row below, light background
  • Pricing Plans — three-column grid, two cards stacked vertically on left, one wide card on right, dark card has glassmorphism effect, all cards have rounded corners and subtle shadow
  • Features — horizontal scrollable list of service components with icons, light background
  • Testimonials — alternating left/right layout with user avatars, quotes, and roles, light background
  • Contact — centered form with input fields, label, and submit button, light background
Signature details
  • Glassmorphism effect on dark pricing card with blur overlay
  • Floating "Select Plan" buttons with yellow icon and black background
  • Status badges in pink and green for availability
  • Rounded corners on all cards and buttons
  • Consistent use of bullet points for feature lists
  • Google Workspace verification badge next to team member avatars
Other pages
  • /services: overview of offerings with icons and brief descriptions
  • /about: team photos, bios, and mission statement
  • /contact: contact form with email and chat options

模板信息

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

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

Ottermind 起步用的需求

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

Build a portfolio website inspired by the "Productized Agency Template" template. Reference brief: Modern template for productized agencies to showcase services, packages, and pricing with a clean design. Use original copy and imagery for my brand rather than the reference's placeholder content.

如何使用这个模板

  1. 1

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

  2. 2

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

  3. 3

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