组件与模板

Refero Styles

网站风格与 DESIGN.md 参考库，适合整理交给 AI 的设计规范。

进入原站读取本页 JSON

已核对公开风格详情 · 2026-10-14。公开分页接口拒绝当前请求；改用站点地图的正式详情页读取真实名称和风格描述。只收录成功取得命名数据的条目。

资源与访问条件

已收录的参考资源
Web · 提示词与设计说明 · 未确认 · 未确认
- saved · 2026-10-13：已收录的官网用途说明与标签：网站风格与 DESIGN.md 参考库，适合整理交给 AI 的设计规范。

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

目录入口

共 1,342 条记录，本页显示 1281–1342 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

Sketch
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Render
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Supabase
设计风格参考 · 具体条目入口
相关词：环形、圆形、排版、字体
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
(dot)connect
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Bang & Olufsen
设计风格参考 · 具体条目入口
发布者公开目录数据2026-10-14
Rox
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左对齐首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Adora
设计风格参考 · 具体条目入口
相关词：添加、加号、排版、字体
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Sociotype
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Headspace
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Granola
设计风格参考 · 具体条目入口
相关词：排版、字体
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Figma
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
JetBrains
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Refero
设计风格参考 · 具体条目入口
发布者公开目录数据2026-10-14
Dialog
设计风格参考 · 具体条目入口
相关词：弹窗、对话框、模态框、单选框、标签、排版、字体
发布者公开目录数据2026-10-14
Skillshare
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Warp
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Microsoft
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
basement.studio
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Wise Design
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Videoconferencia
设计风格参考 · 具体条目入口
相关词：文字、文本
已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Wope
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Elementor
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Mapbox
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Partiful
设计风格参考 · 具体条目入口
相关词：排版、字体
已核验画面：左右分栏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Mobbin
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Retool
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左对齐首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Enviar Dinero
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Panxo
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Rive
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Coinbase
设计风格参考 · 具体条目入口
相关词：排版、字体
发布者公开目录数据2026-10-14
Spline
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Lego
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
mymind
设计风格参考 · 具体条目入口
相关词：排版、字体
已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Equals
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、操作或表单入口、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Discord
设计风格参考 · 具体条目入口
相关词：排版、字体
已核验画面：左右分栏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Mural
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左对齐首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Mailchimp
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Kit
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Luffu
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Descript
设计风格参考 · 具体条目入口
相关词：排版、字体
发布者公开目录数据2026-10-14
Deel
设计风格参考 · 具体条目入口
相关词：排版、字体
已核验画面：左右分栏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Tella
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Typeform
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Liquid Death
设计风格参考 · 具体条目入口
相关词：排版、字体
发布者公开目录数据2026-10-14
Designmodo
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Railway
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Zendesk
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、操作或表单入口、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Asana
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Obsidian
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左对齐首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
N8n
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左右分栏、深色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Neon
设计风格参考 · 具体条目入口
相关词：发光、光晕、AI、人工智能、排版、字体
已核验画面：左对齐首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Paste
设计风格参考 · 具体条目入口
相关词：发光、光晕、AI、人工智能、排版、字体
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Aesop
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Samara
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Cal.com
设计风格参考 · 具体条目入口
相关词：排版、字体
已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Tailwind CSS
设计风格参考 · 具体条目入口
相关词：排版、字体
已核验画面：左对齐首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Craft Docs
设计风格参考 · 具体条目入口
相关词：排版、字体
已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Netflix
设计风格参考 · 具体条目入口
相关词：卡片、渐变、AI、人工智能、排版、字体
发布者公开目录数据2026-10-14
Tesla
设计风格参考 · 具体条目入口
相关词：文字、文本、排版、字体
发布者公开目录数据2026-10-14
1Password
设计风格参考 · 具体条目入口
相关词：首屏、主视觉、淡入、淡出、AI、人工智能、排版、字体
已核验画面：居中首屏、深色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Clerk
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站
Chronicle
设计风格参考 · 具体条目入口
相关词：AI、人工智能、排版、字体
已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
发布者公开目录数据2026-10-14打开案例网站