5 个免费设计灵感网站：导航栏、页脚、CTA 与真实产品风格参考

做界面最怕千篇一律：导航栏一个样、页脚一个样、按钮全是圆角渐变。这 5 个免费设计灵感网站各管一个部件——导航、页脚、CTA 按钮、滚动动效、真实产品风格，找灵感时按部件查，比漫无目的地刷图快得多。

1. Scrolltide：滚动驱动的网站模板与提示词库

Scrolltide 是一个滚动驱动（scroll-driven）网站模板与提示词库，主打电影感的滚动动效。用法很直接：复制一条提示词，粘贴进 AI 工具，就能生成一个会动的网站，不用从零写动效代码。

官网目前列出 143 个模板、85 个组件、55 个着色器，提示词每周五上新，已有 13,500 多名开发者在用。免费可用，解锁全部模板与组件需付费（终身 299 美元一次性）。官网：scrolltide.co。

2. Navbar.gallery：导航栏灵感图库

Navbar.gallery 只做一件事：收录全网优秀网站的导航栏设计。做导航时不知道放 logo、菜单、按钮怎么排，直接在这里翻现成的例子，比凭空想快，也比抄模板更有参考价值。官网：navbar.gallery。

3. Footer.design：只收页脚的图库

Footer.design 自称是“地球上唯一的页脚图库”，专门收录优质网站的页脚设计。页脚最容易被忽略，也最容易暴露一个站做得用不用心：链接分组、订阅框、版权行怎么排，这里都有现成的参考。官网：footer.design。

4. CTA.gallery：高转化按钮灵感

CTA.gallery 收录各类高转化呼吁按钮（Call-to-Action）的设计参考。按钮文案写什么、颜色怎么配、放在什么位置最容易被点，这些细节直接决定转化率，做落地页和产品页之前值得先翻一圈。官网：cta.gallery。

5. Refero Styles：真实产品的设计风格库

Refero Styles 不收概念图，只收真实产品的设计风格：2,000 多个可供 AI 读取的 DESIGN.md 设计系统，每个都带截图、配色、字体与间距，每周上新。想学顶级产品实际怎么做设计，或者想让 AI 按某个产品的风格出方案，直接打开一个风格对照着抄。官网：styles.refero.design。

怎么搭配着用

先拿 Refero Styles 定整体风格方向，再用 Scrolltide 找滚动动效的模板与提示词，导航和页脚分别去 Navbar.gallery 和 Footer.design 翻结构，最后用 CTA.gallery 把按钮文案和样式打磨一遍。五个站合起来，正好覆盖一个落地页从骨架到细节的全部参考。站内之前也整理过16 个设计资源站和三个免费设计工具，可以一起收藏。

转自 X 牧枫的帖子，原文链接：https://x.com/mr_mofun/status/2119128837267378509