TEMPLATES

品牌模板库

75 个品牌 · 14 个行业分类

配色模式:
行业分类:
Airbnb 网站预览

Airbnb

Light UI / Minimal

Airbnb 的设计系统以干净的白色画布和标志性珊瑚红为核心,通过友好的圆角、轻量排版与大幅旅行摄影,营造温暖、开放且富有人情味的消费体验。

查看详情 →
Airtable 网站预览

Airtable

Light UI / Editorial

Airtable 采用克制的编辑式界面,以白色画布、深色文字和珊瑚红、森林绿、桃色等高识别度色块组织复杂工作流,整体兼具专业感与亲和力。

查看详情 →
Apple 网站预览

Apple

Light UI / Gradient

Apple 以产品摄影为视觉中心,通过明暗交替的大幅版面、精细的 SF Pro 排版和统一的行动蓝,让界面退居幕后,使产品本身成为叙事主角。

查看详情 →
Binance 网站预览

Binance

Light UI / Design System

Binance 以近黑色画布和标志性亮黄色构建高对比金融界面,结合清晰的交易涨跌色、紧凑的信息层级与双主题体系,传达高效、可信赖的交易体验。

查看详情 →
BMW 网站预览

BMW

Light UI / Design System

BMW 企业站以柔和白色、品牌蓝和深海军蓝建立稳健的汽车品牌形象,通过大幅车型摄影、明确的配置入口和有力的字体层级,呈现精密而克制的高级感。

查看详情 →
BMW-M 网站预览

BMW-M

Dark UI / Design System

BMW M 以近黑画布、全大写标题和赛道摄影营造高性能氛围,经典 M 三色仅作为关键签名元素出现,整体强调工程感、速度感和欧洲式克制。

查看详情 →
Bugatti 网站预览

Bugatti

Dark UI / Minimal

Bugatti 采用近乎纯黑的画布、宽字距白色大写字体和全幅汽车摄影,几乎不使用额外装饰或强调色,以极简方式传达稀缺、精密与奢华。

查看详情 →
Cal.com 网站预览

Cal.com

Light UI / Minimal

Cal.com 以白色画布、黑色主按钮和 Cal Sans 展示字体构成清爽的日历产品界面,配合充足留白、柔和圆角和产品截图,呈现友好而现代的 SaaS 气质。

查看详情 →
Caldera 网站预览

Caldera

Light UI / Design System

Caldera 构建了一个像素化的赛博游乐场,以高对比数字街机美学、鲜明渐变形态和超粗排版,形成充满能量与游戏感的视觉体验。

查看详情 →
Claude 网站预览

Claude

Light UI / Editorial

Claude 的设计系统以暖奶油色画布、衬线展示字体、珊瑚色按钮和深海军蓝产品界面为核心,刻意避开常见的冷蓝科技风,呈现温暖、人性化的 AI 品牌气质。

查看详情 →
Clay 网站预览

Clay

Light UI / Design System

Clay 将黏土动画般的趣味质感与数据工具结合,在白色画布上使用深海军蓝按钮、圆润字体和高饱和色块,让复杂的增长数据编排显得鲜活而易用。

查看详情 →
ClickHouse 网站预览

ClickHouse

Dark UI / Gradient

ClickHouse 以近纯黑画布和电光黄色建立鲜明的高性能数据库形象,搭配白色无衬线字体、黄色行动按钮和紧凑的技术信息层级,突出速度与工程效率。

查看详情 →
Cohere 网站预览

Cohere

Light UI / Editorial

Cohere 的企业级 AI 界面由纯白编辑空间、深绿黑产品条带、柔和矿物色表面和圆润媒体卡片构成,并通过展示字体与精准 UI 字体的对比建立清晰秩序。

查看详情 →
Composio 网站预览

Composio

Dark UI / Gradient

Composio 面向 AI 智能体工具集成,以深色技术界面和单一电光蓝作为品牌信号,通过代码化排版、精细边框和集成流程展示,强化开发者工具的可靠感。

查看详情 →
Cursor 网站预览

Cursor

Light UI / Editorial

Cursor 将 AI 代码编辑器塑造成安静而自信的开发者品牌,以暖奶油色编辑画布替代常见的深色 IDE 氛围,并用克制排版与真实产品界面突出专注体验。

查看详情 →
Dell 1996 Inspired 网站预览

Dell 1996 Inspired

Light UI / Enterprise

该模板重现 Dell 1996 年网站的目录式企业视觉:黑色页面框架、鲜艳扁平色带、像素化控件与早期网页排版,共同形成强烈的复古互联网质感。

查看详情 →
Duolingo 网站预览

Duolingo

Light UI / Design System

Duolingo 以明快绿色、圆润几何形态、胶囊按钮和游戏化反馈构建轻松课堂,让学习过程像连续闯关一样清晰、有趣且富有激励感。

查看详情 →
ElevenLabs 网站预览

ElevenLabs

Light UI / Editorial

ElevenLabs 将语音 AI 品牌处理成安静的编辑杂志,以米白画布、暖黑文字、克制的衬线与无衬线排版,以及声音产品演示,营造专业而富有人文感的体验。

查看详情 →
Expo 网站预览

Expo

Light UI / Editorial

Expo 以纯白画布、柔和天蓝氛围渐变和清晰的技术排版呈现 React Native 开发平台,通过真实代码与产品界面建立轻盈、可信赖的基础设施品牌形象。

查看详情 →
Ferrari 网站预览

Ferrari

Dark UI / Editorial

Ferrari 采用电影化的编辑视觉,以近黑画布、纯白展示字体和全幅跑车摄影制造戏剧张力,并在关键位置使用品牌红,传达速度、激情与高端工艺。

查看详情 →
Figma 网站预览

Figma

Light UI / Editorial

Figma 在严格的黑白编辑框架中加入超大手工剪纸般的柔和色块,通过大胆排版、自由构图和协作产品片段,形成开放、创造性强且高度可识别的设计工具气质。

查看详情 →
Framer 网站预览

Framer

Dark UI / Gradient

Framer 将深色营销页面设计成正在工作的画板,以纯黑表面、白色展示字体、紧凑字距和动态作品展示,突出其专业网页构建能力与设计主导的品牌个性。

查看详情 →
HashiCorp 网站预览

HashiCorp

Dark UI / Gradient

HashiCorp 以近黑色企业基础设施画布承载多个产品,并用 Terraform 紫、Vault 黄、Consul 粉等专属强调色区分产品线,形成统一而清晰的技术品牌体系。

查看详情 →
HP 网站预览

HP

Light UI / Enterprise

HP 采用白纸般的企业消费界面,以电光蓝作为唯一主要行动色,搭配近黑文字、规整网格和产品摄影,呈现直接、可靠且易于浏览的硬件品牌体验。

查看详情 →
IBM 网站预览

IBM

Light UI / Enterprise

IBM 延续 Carbon Design System 的企业表达,以白色表面、炭黑文字和 IBM 蓝作为唯一强势强调色,结合方正网格与扁平组件,体现严谨、系统化的技术气质。

查看详情 →
Intercom 网站预览

Intercom

Light UI / Editorial

Intercom 以柔和奶油白画布、炭黑文字和明亮蓝色构建编辑式客户服务品牌,通过友好的几何字体、圆角内容模块和产品场景,让企业软件显得轻松易懂。

查看详情 →
Kraken 网站预览

Kraken

Light UI / Minimal

Kraken 以白色背景和高识别度品牌紫建立清晰、可信赖的加密交易体验,结合稳健排版、简洁卡片与明确行动按钮,平衡金融安全感与数字资产活力。

查看详情 →
Lamborghini 网站预览

Lamborghini

Light UI / Design System

Lamborghini 将网站塑造成黑色数字展厅,以无限延伸的深色表面、聚光灯般的汽车摄影和锐利几何细节,让车辆像舞台中央的机械艺术品般出现。

查看详情 →
Linear 网站预览

Linear

Dark UI / Gradient

Linear 以极深黑色画布、浅灰文字和标志性的紫蓝光晕构建产品导向的开发工具界面,通过精密网格、细边框和流畅动效,传达速度、秩序与专注。

查看详情 →
Lovable 网站预览

Lovable

Light UI / Minimal

Lovable 以奶油羊皮纸色背景、柔和暖色和克制的深色文字营造亲切氛围,配合清晰的生成式产品演示,让 AI 建站体验显得自然、轻松且富有创造力。

查看详情 →
Mastercard 网站预览

Mastercard

Light UI / Editorial

Mastercard 将数字体验处理成温暖的编辑杂志,以柔和石色画布、信号橙和大幅生活方式摄影建立亲和力,同时保持支付品牌所需的清晰与可信赖感。

查看详情 →
Meta 网站预览

Meta

Light UI / Design System

Meta 的设计系统横跨硬件销售与品牌展示,以纯白画布、Meta 蓝、清晰的产品陈列和大幅生活场景摄影,形成现代、开放且面向大众的科技体验。

查看详情 →
MiniMax 网站预览

MiniMax

Light UI / Gradient

MiniMax 通过黑色胶囊按钮、纯白营销画布和鲜艳渐变产品界面建立高端 AI 基础设施形象,在克制的品牌框架中突出多模态产品的活力。

查看详情 →
Mintlify 网站预览

Mintlify

Light UI / Gradient

Mintlify 以天空氛围渐变和柔和奶油蓝营销页面吸引注意,再以清晰、紧凑的文档界面承载技术内容,形成兼具品牌温度与开发者效率的双模式体验。

查看详情 →
Miro 网站预览

Miro

Light UI / Playful

Miro 以标志性亮黄色、活泼插画和大胆排版呈现 AI 视觉协作空间,通过画布式布局、便签元素和高对比色块,强化开放、共创与即时表达。

查看详情 →
Mistral-AI 网站预览

Mistral-AI

Light UI / Gradient

Mistral AI 以芥末黄、橙色和深红组成的日落渐变叠加山景摄影,并用暖奶油色表面与饱和橙色按钮贯穿页面,塑造独特而富有欧洲气质的 AI 品牌。

查看详情 →
MongoDB 网站预览

MongoDB

Light UI / Design System

MongoDB 采用深青色英雄区与明亮品牌绿按钮,并在文档与产品内容中切换到纯白表面,通过双模式界面统一数据库品牌的生命力、专业度与技术清晰度。

查看详情 →
Nike 网站预览

Nike

Light UI / Editorial

Nike 以摄影为核心,使用巨大的全大写 Futura 标题、编辑式运动影像和密集商品网格制造强烈对比,让品牌态度、运动能量与商业转化同时成立。

查看详情 →
Nintendo.com (2001) Analysis 网站预览

Nintendo.com (2001) Analysis

Light UI / Gradient

该模板分析 Nintendo 2001 年网站的设计语言,以淡紫蓝金属面板、立体斜角、琥珀色导航和网点纹理,重现早期游戏主机界面的怀旧科技感。

查看详情 →
Notion 网站预览

Notion

Light UI / Enterprise

Notion 通过深海军蓝英雄区、丰富插画和清晰的工作空间示例呈现一体化生产力平台,在理性的信息结构中保留轻松、友好且富有故事感的品牌表达。

查看详情 →
NVIDIA 网站预览

NVIDIA

Light UI / Editorial

NVIDIA 以深黑英雄区和纸白内容区组织工程级营销页面,并用标志性亮绿色连接两种表面模式,通过硬件摄影、技术数据和严谨网格强调计算性能。

查看详情 →
Ollama 网站预览

Ollama

Light UI / Minimal

Ollama 采用近乎极致的文档优先设计,把首页处理成一份 Markdown README:纸白画布、居中标题、单一黑色按钮和极少装饰,突出直接、开放与开发者友好。

查看详情 →
OpenCode 网站预览

OpenCode

Light UI / Gradient

OpenCode 全站使用 Berkeley Mono 等宽字体,将英雄标题、正文和页脚统一成终端原生语言,配合克制的明暗表面与代码细节,形成纯粹的开发者工具气质。

查看详情 →
Pinterest 网站预览

Pinterest

Light UI / Editorial

Pinterest 以图片发现为中心,通过标志性红色按钮、瀑布流图片网格和柔和暖奶油色界面弱化系统边界,让内容图片始终成为浏览体验的主角。

查看详情 →
PlayStation 网站预览

PlayStation

Light UI / Editorial

PlayStation 以黑、白和品牌蓝三种表面交替组织页面,配合全幅游戏画面、电影预告式滚动节奏和清晰硬件展示,营造沉浸、动感的娱乐体验。

查看详情 →
PostHog 网站预览

PostHog

Light UI / Developer-focused

PostHog 在暖奶油色画布上加入手绘刺猬吉祥物、草图式标注和开发者产品界面,使数据分析工具既保持技术清晰度,又拥有轻松、顽皮的品牌个性。

查看详情 →
Raycast 网站预览

Raycast

Dark UI / Design System

Raycast 将营销网站延展成一张放大的产品截图,以近纯黑画布、发丝边框、命令面板结构和精致光效,呈现快速、专业且高度统一的效率工具体验。

查看详情 →
Renault 网站预览

Renault

Light UI / Gradient

Renault 以现代化菱形标志、鲜明黑白画布和阳光黄强调色构建汽车品牌界面,通过大幅车型摄影、粗体标题和模块化内容展现活力与现代感。

查看详情 →
Replicate 网站预览

Replicate

Light UI / Editorial

Replicate 以暖奶油色开发者画布、醒目的热橙色和具有个性的展示字体呈现机器学习平台,通过模型示例、代码片段和清晰调用流程降低技术使用门槛。

查看详情 →
Resend 网站预览

Resend

Dark UI / Editorial

Resend 以近纯黑画布、米白文字和具有编辑气质的衬线展示字体塑造邮件开发平台,配合极简代码示例和精密网格,传达专注、品质与技术可信度。

查看详情 →
Revolut 网站预览

Revolut

Light UI / Playful

Revolut 以纯黑画布、钴紫色和多组高饱和产品色构建数字金融体验,通过大胆标题、鲜明卡片和生活方式影像,体现全球化、年轻化与行动效率。

查看详情 →
Runway 网站预览

Runway

Light UI / Editorial

Runway 将界面设计成一卷被激活的电影胶片,以深色编辑画布、全幅影像和视频作为主要界面元素,结合克制控件突出生成式影像创作的专业感。

查看详情 →
Sanity 网站预览

Sanity

Light UI / Developer-focused

Sanity 将开发者内容平台塑造成深夜指挥中心,以近黑画布、精细边框、结构化网格和清晰代码信息,营造严谨、可扩展且高度工程化的体验。

查看详情 →
Sentri-Inspired 网站预览

Sentri-Inspired

Light UI / Developer-focused

该模板以深紫午夜画布、电光青柠强调色和略带叛逆感的插画构建开发者工具品牌,在高对比技术界面中兼顾故障监控的严谨与鲜明个性。

查看详情 →
Shopifi-Inspired 网站预览

Shopifi-Inspired

Light UI / Design System

该模板呈现电影化的商业平台设计,营销叙事使用深色沉浸式画布与大幅品牌影像,交易和产品内容则回到清晰明亮的界面,两套视觉共同服务电商增长。

查看详情 →
Slacc-Inspired 网站预览

Slacc-Inspired

Light UI / Gradient

该模板以深茄紫为主色,结合奶油薰衣草渐变、蓝色链接和明快产品配色,呈现沟通工具既专业又轻松的团队协作氛围。

查看详情 →
Spacex-Inspired 网站预览

Spacex-Inspired

Light UI / Minimal

该模板以纯黑画布、火箭与火星任务的全幅影像以及克制的大写排版,构建任务导向的航天品牌体验,突出探索、工程能力与宏大尺度。

查看详情 →
Spotify 网站预览

Spotify

Light UI / Gradient

Spotify 以多层近黑色构成沉浸式音乐播放器,让专辑封面和内容色彩成为主要视觉焦点,并用标志性绿色提示关键操作,形成熟悉而高效的收听体验。

查看详情 →
Starbucks 网站预览

Starbucks

Light UI / Design System

Starbucks 以门店围裙般的品牌绿贯穿温暖零售界面,搭配奶油色背景、生活方式摄影和清晰商品模块,营造熟悉、可信赖且具有社区温度的体验。

查看详情 →
Stripi-Inspired 网站预览

Stripi-Inspired

Light UI / Editorial

该模板以深海军蓝文字、电光靛蓝和反复出现的氛围渐变构建金融基础设施品牌,通过精密排版、代码与数据可视化,兼顾技术可信度和前沿感。

查看详情 →
Supabaze-Inspired 网站预览

Supabaze-Inspired

Light UI / Minimal

该模板以干净的白色与近黑色双模式界面、标志性祖母绿按钮和开发者产品截图,呈现开放源代码数据库平台的清晰、现代与高效。

查看详情 →
Superhumon-Inspired 网站预览

Superhumon-Inspired

Light UI / Editorial

该模板在深靛蓝编辑式英雄区与明亮产品内容之间切换,通过紫蓝氛围光、精致排版和快速邮件操作演示,突出高端效率工具的速度感。

查看详情 →
Tesla 网站预览

Tesla

Light UI / Gradient

Tesla 采用极度减法的数字展厅设计,以全屏车型摄影、极少界面元素和简洁行动按钮,让产品成为全部视觉焦点,传达未来感、直接性与规模感。

查看详情 →
The Verge 网站预览

The Verge

Light UI / Editorial

The Verge 将科技杂志与复古电子音视觉结合,以近黑画布、强烈标题、霓虹强调色和密集内容网格,形成喧闹、锐利且高度可识别的数字媒体风格。

查看详情 →
Together-AI-Inspired 网站预览

Together-AI-Inspired

Light UI / Gradient

Together AI 在近黑英雄区与明亮研究、定价和文档页面之间切换,并以橙色、洋红和长春花蓝渐变作为唯一品牌装饰,体现 AI 基础设施的专业与活力。

查看详情 →
Uber-Inspired 网站预览

Uber-Inspired

Light UI / Editorial

该模板以黑白双色、几何展示字体和大幅出行场景摄影构建超级应用品牌,通过直接的行动入口和模块化服务内容,强调效率、覆盖范围与城市感。

查看详情 →
Vercel 网站预览

Vercel

Light UI / Gradient

Vercel 以近白画布上的黑色文字、三角品牌符号和精密网格建立开发平台形象,并在英雄区加入多彩光谱,平衡极简工程感与前沿创造力。

查看详情 →
Vodafone-Inspired 网站预览

Vodafone-Inspired

Light UI / Editorial

该模板以编辑式人物摄影、超大写标题、品牌红和大量白色空间构建电信品牌体验,通过清晰服务入口与高对比版面传达连接、可信赖和大众影响力。

查看详情 →
Voltagent-Inspired 网站预览

Voltagent-Inspired

Dark UI / Developer-focused

该模板以持续的近黑画布、单一电光绿色和密集代码信息呈现 AI 智能体工程平台,整体强调开源、技术深度与开发者主导的专业感。

查看详情 →
Warp-Inspired 网站预览

Warp-Inspired

Dark UI / Minimal

该模板以偏暖的深炭色画布、精细终端窗口和柔和彩色光效呈现智能开发环境,通过现代排版与真实命令流程,兼顾技术专注与视觉品质。

查看详情 →
Webflow-Inspired 网站预览

Webflow-Inspired

Light UI / Minimal

该模板以深黑主画布与宽阔白色内容区形成鲜明对比,通过大胆展示字体、作品案例和可视化编辑界面,突出专业网页设计的自由度与表现力。

查看详情 →
Wired-Inspired 网站预览

Wired-Inspired

Light UI / Editorial

该模板延续旗舰科技杂志的严格编辑语言,以白色画布、黑色块状刊头、紧密内容网格和醒目强调色,呈现权威、快速且富有文化评论性的阅读体验。

查看详情 →
Wise-Inspired 网站预览

Wise-Inspired

Light UI / Editorial

该模板以超粗近黑展示字体、明亮荧光绿和直接的数据表达构建全球汇款品牌,通过透明费率、友好插画和清晰流程传达实惠、开放与可信赖。

查看详情 →
xAI-Inspired 网站预览

xAI-Inspired

Dark UI / Gradient

该模板以严格的近黑画布、白色胶囊轮廓和极少的灰度变化呈现前沿 AI 公司,通过克制排版与大尺度留白塑造神秘、直接且未来导向的品牌气质。

查看详情 →
Zapier-Inspired 网站预览

Zapier-Inspired

Light UI / Design System

该模板以暖奶油色中性背景、深色文字和标志性橙色构建工作流自动化平台,通过连接关系图、应用图标和清晰步骤强调易用性与规模化效率。

查看详情 →