风格库

风格列表

支持按名称、标签、适用场景筛选，共 54 个风格。

54/54

Airbnb

Airbnb 的体验偏重温暖摄影化、白空间大、关键操作通过红色主色突出。适合高转化的内容和生活方式场景。

消费级 App品牌官网

原始 HTML

适合：内容发现、创作者工具、品牌商城/会员页

Airtable

Airtable 的视觉主张是清晰企业级结构，白色基底和蓝色主强调系统化信息组织。

SaaS 仪表盘创作者工具

原始 HTML

适合：团队协作产品、任务管理、后台运营面板

Apple

Apple 的基调强调极简叙事：大留白、极强产品视觉层级、极简组件和高对比排版。

品牌官网

原始 HTML

适合：品牌主页、营销活动页、产品故事页

BMW

BMW 风格偏向高级工业质感，强调黑白强对比、摄影主导的品牌展示叙事。

品牌官网

原始 HTML

适合：品牌主页、营销活动页、产品故事页

Cal.com

Cal.com 偏向极简无色彩干扰的信息排版，黑白对比强，强调任务与排期流程清晰。

自动化工作流SaaS 仪表盘

原始 HTML

适合：自动化流程设置、集成平台、任务编排

Claude

Claude 风格更偏向人文、暖色与阅读性强的布局，强调温和、有内容层级的界面。

AI 产品开发者工具

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

Clay

Clay 的视觉语言偏温暖且高色彩对比，常用卡片化、饱和度分明的品牌氛围。

创作者工具

原始 HTML

适合：可视化创作界面、画布工具、素材管理

ClickHouse

ClickHouse 的视觉气质偏开发者暗色面板，强调高对比与命令式信息密度。

基础设施与平台开发者工具

原始 HTML

适合：开发平台、数据库控制台、运维看板

Cohere

Cohere 的视觉偏企业级 AI 工具语气，清爽白底搭配结构化信息层级。

AI 产品开发者工具

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

Coinbase

Coinbase 风格强调可信金融体验，信息清晰、品牌蓝色作为核心信任锚点。

金融支付

原始 HTML

适合：支付系统、订单后台、财务看板

Composio

Composio 更像深色指挥台，强调连接、触发、流程状态与控制感。

自动化工作流开发者工具

原始 HTML

适合：自动化流程设置、集成平台、任务编排

Cursor

Cursor 结合轻暖底色与清晰边界，信息和内容优先，兼具编辑器式细致。

开发者工具创作者工具

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

ElevenLabs

ElevenLabs 倾向于空白为主的清晰页面，依赖细节阴影和舒适留白。

AI 产品创作者工具

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

Expo

Expo 的视觉更接近大型开发者平台介绍页，白灰主基底上有较宽松间距。

开发者工具创作者工具

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

Figma

Figma 强调协同和创作性，布局中常见多层级工具条与画布思维。

创作者工具

原始 HTML

适合：可视化创作界面、画布工具、素材管理

Framer

Framer 风格更偏黑色创作展示，强调截图和案例导向的浓度。

创作者工具

原始 HTML

适合：可视化创作界面、画布工具、素材管理

HashiCorp

HashiCorp 呈现工程化双模（明亮与黑暗）调性，突出基础设施复杂度。

基础设施与平台开发者工具

原始 HTML

适合：开发平台、数据库控制台、运维看板

IBM

IBM 倾向品牌化企业系统语气，强调节律感强和规则化的网格结构。

品牌官网基础设施与平台

原始 HTML

适合：品牌主页、营销活动页、产品故事页

Intercom

Intercom 更偏咨询与支持类体验，文本叙事清晰，信息层次偏社交。

SaaS 仪表盘创作者工具

原始 HTML

适合：团队协作产品、任务管理、后台运营面板

Kraken

Kraken 视觉以信任和交易感为主，深色背景配亮色强调，突出资产管理场景。

金融支付

原始 HTML

适合：支付系统、订单后台、财务看板

Linear

Linear 的深色优先风格强调任务效率、事项管理与轻量高密度交互。

SaaS 仪表盘开发者工具

原始 HTML

适合：团队协作产品、任务管理、后台运营面板

Lovable

Lovable 兼容轻暖底色和产品着陆页叙事，适合快速启动的创业产品介绍。

创作者工具SaaS 仪表盘

原始 HTML

适合：可视化创作界面、画布工具、素材管理

MiniMax

MiniMax 的风格兼顾 AI 产品专业性与较为活泼的视觉细节。

AI 产品

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

Mintlify

Mintlify 重视文档/说明型产品体验，清晰的阅读层级和示例内容展示。

创作者工具开发者工具

原始 HTML

适合：可视化创作界面、画布工具、素材管理

Miro

Miro 具有协作与创作导向，布局偏模块化、颜色活跃并保持内容柔和。

创作者工具自动化工作流

原始 HTML

适合：可视化创作界面、画布工具、素材管理

Mistral AI

Mistral AI 的语气偏模型/推理应用，强调技术可信且不失现代轻快。

AI 产品

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

MongoDB

MongoDB 更贴近开发者平台暗色系，数据库和监控信息展示占据核心。

开发者工具基础设施与平台

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

Notion

Notion 的信息主张是“内容优先”，淡色底与中性线条驱动轻量编辑体验。

SaaS 仪表盘创作者工具

原始 HTML

适合：团队协作产品、任务管理、后台运营面板

NVIDIA

NVIDIA 偏向高科技与性能叙事，深色与科技绿/蓝对比建立实力感。

开发者工具AI 产品

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

Ollama

Ollama 风格非常克制，白色与简洁网格带来纯净的模型工具感觉。

AI 产品

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

OpenCode

OpenCode 的偏好是开发者原教旨主义，文本和代码相关视觉占据核心。

开发者工具AI 产品

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

Pinterest 强调视觉发现与内容卡片，白灰基底下重视图文并茂与灵感触发。

消费级 App

原始 HTML

适合：内容发现、创作者工具、品牌商城/会员页

PostHog

PostHog 常见偏向创业风格数据系统，强调事件与指标驱动页面结构。

SaaS 仪表盘开发者工具

原始 HTML

适合：团队协作产品、任务管理、后台运营面板

Raycast

Raycast 是浓重暗色界面语言下的高效命令体验，清晰按钮与状态信息。

开发者工具

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

Replicate

Replicate 对视觉有一定实验感，图像与动态元素并列，适配 AI 结果展示。

AI 产品创作者工具

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

Resend

Resend 保持极致暗色专业风，页面更像高质量开发者通信类产品。

开发者工具SaaS 仪表盘

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

Revolut

Revolut 的界面强调金融感与高信息可信度，颜色克制而不缺少动作按钮。

金融支付

原始 HTML

适合：支付系统、订单后台、财务看板

Runway

Runway 风格兼具视觉艺术属性和产品信息展示，重视编辑结果窗口。

创作者工具AI 产品

原始 HTML

适合：可视化创作界面、画布工具、素材管理

Sanity

Sanity 倾向于工程+内容并重，暗色平台视觉中加入创作者导向。

创作者工具开发者工具

原始 HTML

适合：可视化创作界面、画布工具、素材管理

Sentry

Sentry 是典型开发者问题追踪风，强调监控状态与日志的可读性。

开发者工具基础设施与平台

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

SpaceX

SpaceX 倾向全屏品牌叙事，以大图与戏剧化节奏建立信任和想象。

品牌官网

原始 HTML

适合：品牌主页、营销活动页、产品故事页

Spotify

Spotify 典型音乐产品视觉，深色底+列表+播放控件形成强沉浸感。

消费级 App

原始 HTML

适合：内容发现、创作者工具、品牌商城/会员页

Stripe

Stripe 兼具严谨金融与品牌化设计，强调接口、交易与报告信息可视化。

金融支付SaaS 仪表盘

原始 HTML

适合：支付系统、订单后台、财务看板

Supabase

Supabase 在暗色开发者基底上强化数据库和后端控制台的可操作感。

开发者工具基础设施与平台

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

Superhuman

Superhuman 倾向优雅邮箱类体验，注重效率与高质量排版。

SaaS 仪表盘创作者工具

原始 HTML

适合：团队协作产品、任务管理、后台运营面板

Together AI

Together AI 兼具科技和合作色，适合展示模型调用链路与实验流程。

AI 产品开发者工具

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

Uber

Uber 的视觉偏生活化服务入口，地图与状态驱动元素清晰，动作色彩醒目。

消费级 App

原始 HTML

适合：内容发现、创作者工具、品牌商城/会员页

Vercel

Vercel 的开发者导向界面极简且强调项目发布、日志与可观察性。

开发者工具SaaS 仪表盘

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

VoltAgent

VoltAgent 为 AI 代理工具体验，暗色命令式风格突出模型调用与流程。

AI 产品开发者工具

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

Warp

Warp 具备开发者终端产品美学，暗色下加入高对比模块和命令反馈。

开发者工具

原始 HTML

适合：项目控制台、SaaS 后台、开发者工具

Webflow

Webflow 风格结合创作工具与模板展示，较高的视觉信息密度。

创作者工具SaaS 仪表盘

原始 HTML

适合：可视化创作界面、画布工具、素材管理

Wise

Wise 的体验偏金融 + 用户可读性，强调交易状态与关键说明区域。

金融支付

原始 HTML

适合：支付系统、订单后台、财务看板

xAI

xAI 通常保持暗色极简和技术感，适合 AI 助手与对话型界面。

AI 产品开发者工具

原始 HTML

适合：AI 对话页、模型面板、提示词实验台

Zapier

Zapier 自然适合流程拼装视图，节点、触发和连接关系视觉是其核心。

自动化工作流SaaS 仪表盘

原始 HTML

适合：自动化流程设置、集成平台、任务编排

结果已更新，点击卡片可查看详情。

开发者工具

适合构建开发者控制台、AI 助手、命令式产品的界面风格。

AI 产品

适合提示词编辑器、模型实验面板、生成型产品。

SaaS 仪表盘

适合项目管理、后台系统、数据密度较高的业务页面。

金融支付

适合支付、交易、投资类产品页面和仪表盘。

消费级 App

适合内容发现、生活方式、平台化产品。

创作者工具

适合设计、内容创作、数字工作区相关产品。

品牌官网

适合强调品牌故事、品牌展示和高质感主视觉的网站。

自动化工作流

适合连接器、工作流、流程编排产品。

基础设施与平台

适合云平台、数据库、可观测和工程化平台。