SaaS Landing Page 是一個專門收錄 SaaS 公司登陸頁(landing page)設計的靈感畫廊:站長把真實 SaaS 網站的整頁截圖按頁面區塊整理歸檔,設計師、行銷人員與獨立開發者在製作自己的登陸頁時,可以依 Pricing、FAQ、Features 等具體區塊查找成熟產品的真實做法,而不是面對空白畫布憑空構思。站點首頁自稱收錄 880 個登陸頁範例(截至 2026-09-21,為站方自述數字),每個案例都標註了所用字體、配色方案與技術堆疊。頁尾註明這是「A project by Davide Pacilio」,一位義大利產品設計師的個人專案。

SaaS Landing Page 首頁:880 個範例與頁面區塊篩選

上圖是站點首頁(2026-09-21 截取)。首屏直接列出畫廊總量與八個頁面區塊篩選入口(Landing page、Pricing、About us、Features、Blog、Testimonials、FAQ、Contact us),下方是案例卡片流:每張卡片是一個網站的整頁截圖縮圖,標註名稱;贊助條目帶「Sponsored」角標(圖中 Mobbin),姊妹站 SaaS Interface 的推廣位帶「Recommended」角標,頂部還有一排目前贊助商 Logo。

站點速覽

  • 網址:https://saaslandingpage.com/
  • 類型:SaaS 登陸頁設計靈感畫廊(另有模板目錄、部落格文章等周邊內容)
  • 費用:瀏覽全部畫廊免費;廣告版位與姊妹站 SaaS Interface 收費(詳見下文)
  • 註冊要求:無需註冊,無帳號體系
  • 介面語言:僅英語(2026-09-21 核查)
  • 營運方:Davide Pacilio 個人專案(義大利)

站點背景

SaaS Landing Page 由義大利產品設計師 Davide Pacilio 營運,站點頁尾署名並連結到他的 X 帳號。Product Hunt 的製作者頁面列出兩位 maker:Davide Pacilio 與前端開發者 Pasquale Vitiello,兩人同時也是登陸頁模板商店 Cruip 的共同創辦人(來源:BetaList 個人資料)。

上線時間沒有官方明確說明:站方在廣告頁自稱「自 2018 年起服務設計師與創辦人」,而第三方收錄平台 BetaList 於 2020 年 2 月 26 日收錄該站(標註地區為義大利),Product Hunt 則標註「Launched in 2020」。可以確認的是站點至少自 2020 年初已存在並持續營運至今——案例條目的日期標註顯示 2026 年 8 月仍在更新(見下文 Calendly 條目)。

除本站外,同一團隊還營運付費的 SaaS 應用介面畫廊 SaaS Interface 與模板商店 Cruip,三者在站內互相導流。

畫廊與篩選方式

畫廊的核心價值在於按「頁面區塊」而非整站瀏覽。八個區塊分類各有獨立頁面與自述數量(均為站方數字,截至 2026-09-21):整站首頁(Landing page)880 個、Pricing 62 個、About us 50 個、Blog 40 個、FAQ 24 個、Contact us 18 個,Features 與 Testimonials 分類同樣存在。想研究「別人怎麼寫定價頁」時,直接進入 Pricing 分類翻截圖即可,比逐一打開真實網站高效得多。

Pricing 頁面區塊分類

上圖是 Pricing 區塊分類頁(2026-09-21 截取),頁面註明「A curated selection of the best 62 pricing pages」,卡片展示各 SaaS 產品定價頁的整頁截圖。

點開單個案例可以看到它的特色功能——設計元數據標註。以 Calendly 條目為例:

Calendly 條目頁:整頁截圖與字體、配色、技術堆疊標註

上圖是 Calendly 條目頁(2026-09-21 截取)。左側是 Calendly 官網的整頁長截圖,右側標註:Fonts(Geist Sans、TT Neoris)、Palette(五個主題色色碼)、Stacks(React、Tailwind CSS)、Tags(Productivity 產業標籤)、Categories(Landing page)、Date(August 2026,即條目收錄或更新月份),並提供「Visit Website」直達原站。條目頁支援用鍵盤方向鍵快速切換上一個/下一個案例。這些字體、配色、技術堆疊維度在站內有獨立的聚合頁面(如按 Inter 字體、按 Tailwind CSS 技術堆疊瀏覽),可以反查「用了某個字體或框架的真實登陸頁長什麼樣」。需要注意的是,站方未說明這些元數據是自動偵測還是人工標註,準確性沒有公開背書。

站點基於 WordPress 搭建,支援明暗主題切換,畫廊分頁採用「Load more」按鈕載入。

模板目錄與姊妹站 SaaS Interface

除免費畫廊外,站點還有兩個外延業務。

一是模板目錄,自稱收錄 84 個 SaaS 登陸頁模板(截至 2026-09-21),可依 Framer、Webflow、React、HTML、Next.js、Tailwind CSS、Vue 篩選,部分條目標註「Free」。目錄本身不託管模板,點擊後跳轉到第三方平台——包括 Framer 官方市場、Cruip、Nucleo、Crafted 等,其中 Framer 連結帶有聯盟推廣(affiliate)性質,Cruip 則是站長自己的模板商店。

模板目錄頁

上圖是模板目錄頁(2026-09-21 截取),可依技術堆疊篩選,條目展示模板預覽圖與價格屬性。

二是姊妹站 SaaS Interface,收錄 SaaS 應用內部介面(儀表板、設定頁等真實產品 UI)的截圖畫廊,自稱「world's largest gallery of SaaS app UI and UX design examples」。與免費的本站不同,SaaS Interface 是付費產品:採一次性買斷制,個人版 49 美元、團隊版 199 美元(截至 2026-09-21 的定價頁顯示正在進行 20% 促銷,折後 39/159 美元),承諾每月更新,支援 48 小時內退款,師生可申請 75 折。本站頂部橫幅與條目頁都在為其導流。

變現方式

站點本身的瀏覽完全免費,收入來自三個管道:模板導流(含聯盟連結)、SaaS Interface 銷售,以及廣告版位。廣告頁(截至 2026-09-21)公開刊例:首頁贊助位按月 500 美元或單次 550 美元,部落格软文一篇 500 美元;站方自述流量為每月 6 萬以上獨立訪客、90–95% 為自然與直接流量——這些數字無法獨立驗證,僅供判斷量級。贊助內容在畫廊中以「Sponsored」角標區分,一般條目不受影響。

版權與內容政策

畫廊內容為站長策展的第三方網站截圖,每個條目都註明來源並提供原站連結。站內沒有找到公開展示的授權、轉載或下架政策;隱私政策(最近更新於 2024 年 9 月 18 日)中僅有一條概括性的第三方內容免責聲明,表明站方不對第三方內容負責。如果你的網站被收錄且希望移除,公開管道只有頁尾的郵件聯絡方式(頁尾「Advertise on SLP」實為站長信箱的 mailto 連結),回應效果無從驗證。隱私政策本身為 GDPR 口徑,揭露使用匿名化 IP 的 Google Analytics 與 MailChimp 郵件列表,瀏覽畫廊無需提供任何個人資料。

適用場景

  • 設計或重做 SaaS 登陸頁時,按區塊(定價、FAQ、見證等)批量參考真實產品的排版與文案結構。
  • 按字體、配色或技術堆疊反查真實案例,驗證某個選型在實際登陸頁中的效果。
  • 挑選 SaaS 登陸頁模板時,把模板目錄作為跨 Framer、Webflow、React 等堆疊的聚合入口。

局限

  • 只有英語介面,收錄對象也以英語 SaaS 產品為主,對中文產品的參考性有限。
  • 收錄規模、流量等數字均為站方自述,無第三方核驗;收錄標準(何謂「top-class」)沒有公開文件。
  • 字體、配色、技術堆疊標註的來源不透明,可能是自動偵測,存在誤差時不提供糾錯入口。
  • 截圖有時間滯後,條目標註的是收錄/更新月份,目標網站改版後舊截圖仍留在畫廊中(對研究歷史設計反而是優點)。
  • 贊助條目混排在畫廊中,雖有 Sponsored 角標,但無法過濾掉。
  • 沒有公開的提交或下架流程,一切透過站長個人信箱溝通。

參考資料