Interface Lab 资源库
风格页统一管理网站设计系统与 PPT 风格。
风格页统一收纳网站设计系统和 PPT 风格。左侧先按资源类型分流，避免网站界面规则和演示文稿预设混在同一列表里。
风格
全局风格层：网站 Interface 的 design.md 资源，以及 Cleo 判断演示文稿气质时使用的 PPT 风格。
Companion Robotics
Awwwards 当前案例衍生的友好机器人/physical AI Interface：云灰画布、柔和天空蓝能力信号、暖色生活场景、非对称机器人舞台、安全证据面板和开发者/企业/研究者 audience rails。
查看系统网站设计系统 · alphaAI Mystery Atelier
Awwwards 当前获奖案例衍生的奢侈品 AI 互动叙事 Interface：象牙纸面、古金行动、暗胡桃舞台、对话式侦探、线索证据卡和章节转场。
查看系统网站设计系统 · alphaIndigo Sensory Collection
Awwwards 当前案例衍生的时尚/珠宝/音乐感官收藏 Interface：靛蓝编辑画布、贝壳色阅读面、琥珀材质强调、音频状态、收藏 rail、maker 面板和微交互物件卡。
查看系统网站设计系统 · alphaAI Cinematic Memory Studio
Awwwards 当前 SOTD 案例衍生的消费者 AI 视频/记忆 Interface：暖色电影画布、珊瑚红 capture 行动、薰衣草 AI 指导、手机取景器、clip timeline、camera coaching cards 和静态移动端 fallback。
查看系统网站设计系统 · alphaSpatial Portfolio Index
Awwwards Nine To Five 案例衍生的建筑/摄影/工作室作品集 Interface：黑白双极、横向项目 rail、强图像索引、内容架构标签、项目详情面板和克制滚动转场。
查看系统网站设计系统 · alphaPlayful Quick-Serve Commerce
Awwwards 近期 SOTD 餐饮案例衍生的快餐/食品电商 Interface：暖奶油画布、番茄红行动、大字标语、菜单 ticker、食材分层、营养证据、takeaway 城市卡和可降级的 GSAP 式转场。
查看系统网站设计系统 · alphaDayos AI Ops
Awwwards 案例衍生的企业 AI 运营 Interface：近黑画布、青绿色系统信号、密集遥测面板、滚动叙事和表单状态转场。
查看系统网站设计系统 · alphaObservable Analytics Lab
数据分析与研究报告 Interface：温和纸面画布、结论式图表标题、来源元数据、notebook 证据块、可访问表格替代和低装饰图表语言。
查看系统网站设计系统 · alphaGOV.UK Service
公共服务事务型 Interface：白底黑字、功能色、强焦点、方形表单控件、错误摘要、任务列表和 check answers 流程。
查看系统网站设计系统 · alphaUSWDS Federal Service
美国联邦公共服务 Interface：token 化蓝色行动语义、冷灰政务表面、Public Sans 式排版、官方站点 banner、identifier、可访问表单、alert、summary box 和 step flow。
查看系统网站设计系统 · alphaPolaris Admin Commerce
商业后台与商家运营 Interface：中性管理画布、高密度卡片、索引表、语义状态色、徽章、横幅、筛选和可预测操作。
查看系统网站设计系统 · alphaNHS.UK Service Health
医疗公共服务 Interface：可信蓝色身份、大字号正文、强黄色焦点、方形控件、错误摘要、card link、hub 页面和移动优先服务流。
查看系统网站设计系统 · alphaAtlassian Team Ops
团队协作与工作管理 Interface：中性应用画布、蓝色主行动、语义状态 lozenge、8px 间距、侧边导航、任务卡、表格和可恢复流程。
查看系统网站设计系统 · alphaRadix Accessible Primitives
可访问 React 原语 Interface：无样式组件内核、data-state 状态钩子、12 阶颜色标尺、清晰焦点、门户层级、键盘导航和可组合控件契约。
查看系统网站设计系统 · alphaMaterial Expressive Adaptive
Material 3 Expressive 与自适应产品 Interface：动态色角色、强调字体、圆角容器、触控优先导航、live update 卡片、shape-aware 动效和 reduced-motion fallback。
查看系统网站设计系统 · alphaFluent 2 Enterprise Workbench
Fluent 2 启发的企业工作台 Interface：中性表面、语义 alias token、Segoe 式排版、克制蓝色、命令栏、侧边导航、数据行、面板和 AI assist surface。
查看系统网站设计系统 · alphaPrimer Developer Workflow
GitHub Primer 启发的开发者协作 Interface：浅色代码托管画布、蓝色交互语义、repository/issue/PR 行、label、code chip、状态元数据和强 focus。
查看系统网站设计系统 · alphaCloudscape Cloud Ops
Cloudscape 启发的云运维控制台 Interface：服务侧栏、资源表格、flashbar、split panel、wizard、账户/区域 scope、偏好设置和可恢复操作流。
查看系统网站设计系统 · alphaPatternFly 企业控制台
PatternFly / Red Hat 启发的开源企业产品控制台 Interface：masthead、侧栏、页面标题、toolbar、表格、drawer、wizard、severity、OUIA 测试和语义 token。
查看系统网站设计系统 · alphaSpectrum Creative Workbench
Adobe Spectrum / React Spectrum 启发的创意生产工作台 Interface：中性自适应层、素材缩略图、工具栏、侧栏、inspector、slider、状态反馈、可访问 focus 和明暗模式一致性。
查看系统网站设计系统 · alphaAnt Design Enterprise Console
Ant Design 启发的企业控制台 Interface：24 栅格、8px 间距、14/22 基础文字、蓝色行动语义、过滤表单、指标卡、数据表格、drawer、modal、通知和 token 定制。
查看系统网站设计系统 · alphaBMW M
汽车品牌 Interface：深色沉浸、干净留白、影像驱动、高识别品牌色。
查看系统网站设计系统 · alphaDell (1996)
媒体与消费科技 Interface：深色沉浸、高识别品牌色。
查看系统网站设计系统 · alphaHP
媒体与消费科技 Interface：深色沉浸、干净留白、圆角亲和、锐利工程感。
查看系统网站设计系统 · alphaAirbnb
电商与零售 Interface：温暖品牌色、影像驱动、圆角亲和、干净留白。
查看系统网站设计系统 · alphaAirtable
效率与 SaaS Interface：深色沉浸、干净留白、影像驱动、圆角亲和。
查看系统网站设计系统 · alphaApple
媒体与消费科技 Interface：深色沉浸、干净留白、高端叙事、影像驱动。
查看系统网站设计系统 · alphaBinance
金融科技与加密产品 Interface：深色沉浸、黑白克制、数据网格、高识别品牌色。
查看系统网站设计系统 · alphaBMW
汽车品牌 Interface：深色沉浸、干净留白、高端叙事、影像驱动。
查看系统网站设计系统 · alphaBugatti
汽车品牌 Interface：深色沉浸、干净留白、黑白克制、高端叙事。
查看系统网站设计系统 · alphaCal.com
效率与 SaaS Interface：深色沉浸、干净留白、圆角亲和、开发者语境。
查看系统网站设计系统 · alphaClaude
AI 与大模型平台 Interface：深色沉浸、干净留白、开发者语境、编辑式排版。
查看系统网站设计系统 · alphaClay
设计与创意工具 Interface：深色沉浸、干净留白、影像驱动、渐变能量。
查看系统网站设计系统 · alphaClickHouse
后端、数据库与 DevOps Interface：深色沉浸、干净留白、数据网格、开发者语境。
查看系统网站设计系统 · alphaCohere
AI 与大模型平台 Interface：深色沉浸、干净留白、渐变能量、圆角亲和。
查看系统网站设计系统 · alphaCoinbase
金融科技与加密产品 Interface：深色沉浸、干净留白、影像驱动、圆角亲和。
查看系统网站设计系统 · alphaComposio
开发者工具与 IDE Interface：深色沉浸、影像驱动、渐变能量、数据网格。
查看系统网站设计系统 · alphaCursor
开发者工具与 IDE Interface：深色沉浸、渐变能量、锐利工程感、开发者语境。
查看系统网站设计系统 · alphaElevenLabs
AI 与大模型平台 Interface：深色沉浸、干净留白、高端叙事、影像驱动。
查看系统网站设计系统 · alphaExpo
开发者工具与 IDE Interface：深色沉浸、干净留白、影像驱动、渐变能量。
查看系统网站设计系统 · alphaFerrari
汽车品牌 Interface：深色沉浸、干净留白、高端叙事、影像驱动。
查看系统网站设计系统 · alphaFigma
设计与创意工具 Interface：深色沉浸、干净留白、黑白克制、圆角亲和。
查看系统网站设计系统 · alphaFramer
设计与创意工具 Interface：深色沉浸、干净留白、渐变能量、圆角亲和。
查看系统网站设计系统 · alphaHashiCorp
后端、数据库与 DevOps Interface：深色沉浸、干净留白、黑白克制、渐变能量。
查看系统网站设计系统 · alphaIBM
媒体与消费科技 Interface：深色沉浸、干净留白、高识别品牌色。
查看系统网站设计系统 · alphaIntercom
效率与 SaaS Interface：深色沉浸、干净留白、圆角亲和、编辑式排版。
查看系统网站设计系统 · alphaKraken
金融科技与加密产品 Interface：深色沉浸、数据网格、高识别品牌色。
查看系统网站设计系统 · alphaLamborghini
汽车品牌 Interface：深色沉浸、高识别品牌色。
查看系统网站设计系统 · alphaLinear
效率与 SaaS Interface：深色沉浸、圆角亲和、开发者语境、极简精确。
查看系统网站设计系统 · alphaLovable
AI 与大模型平台 Interface：渐变能量、亲和活力。
查看系统网站设计系统 · alphaMastercard
金融科技与加密产品 Interface：圆角亲和、编辑式排版、亲和活力。
查看系统网站设计系统 · alphaMeta
媒体与消费科技 Interface：深色沉浸、干净留白、影像驱动、圆角亲和。
查看系统网站设计系统 · alphaMiniMax
AI 与大模型平台 Interface：深色沉浸、干净留白、高端叙事、影像驱动。
查看系统网站设计系统 · alphaMintlify
AI-native 文档与知识平台 Interface：白色阅读画布、薄边框文档卡、Mint 绿色行动/活动态、三栏 docs 布局、MDX 组件、API playground、智能搜索/AI 助手和键盘可访问导航。
查看系统网站设计系统 · alphaMiro
设计与创意工具 Interface：深色沉浸、干净留白、圆角亲和、数据网格。
查看系统网站设计系统 · alphaMistral AI
AI 与大模型平台 Interface：影像驱动、渐变能量、编辑式排版、亲和活力。
查看系统网站设计系统 · alphaMongoDB
后端、数据库与 DevOps Interface：深色沉浸、干净留白、影像驱动、圆角亲和。
查看系统网站设计系统 · alphaNike
电商与零售 Interface：黑白克制、影像驱动。
查看系统网站设计系统 · alphaNotion
效率与 SaaS Interface：深色沉浸、干净留白、圆角亲和、编辑式排版。
查看系统网站设计系统 · alphaNVIDIA
媒体与消费科技 Interface：深色沉浸、开发者语境、高识别品牌色。
查看系统网站设计系统 · alphaOllama
AI 与大模型平台 Interface：黑白克制、开发者语境。
查看系统网站设计系统 · alphaOpenCode
开发者工具与 IDE Interface：深色沉浸、开发者语境。
查看系统网站设计系统 · alpha电商与零售 Interface：影像驱动、数据网格、高识别品牌色。
查看系统网站设计系统 · alphaPlayStation
媒体与消费科技 Interface：极简精确。
查看系统网站设计系统 · alphaPostHog
后端、数据库与 DevOps Interface：深色沉浸、数据网格、开发者语境、亲和活力。
查看系统网站设计系统 · alphaRaycast
开发者工具与 IDE Interface：深色沉浸、渐变能量、高识别品牌色。
查看系统网站设计系统 · alphaRenault
汽车品牌 Interface：渐变能量。
查看系统网站设计系统 · alphaReplicate
AI 与大模型平台 Interface：干净留白、开发者语境。
查看系统网站设计系统 · alphaResend
后端、数据库与 DevOps Interface：深色沉浸、开发者语境、极简精确、高识别品牌色。
查看系统网站设计系统 · alphaRevolut
金融科技与加密产品 Interface：深色沉浸、渐变能量。
查看系统网站设计系统 · alphaRunway
AI 与大模型平台 Interface：深色沉浸、干净留白、黑白克制、高端叙事。
查看系统网站设计系统 · alphaSanity
设计与创意工具 Interface：深色沉浸、干净留白、圆角亲和、锐利工程感。
查看系统网站设计系统 · alphaSentry
后端、数据库与 DevOps Interface：深色沉浸、数据网格、开发者语境、亲和活力。
查看系统网站设计系统 · alphaShopify
电商与零售 Interface：深色沉浸、干净留白、高端叙事、影像驱动。
查看系统网站设计系统 · alphaSpaceX
媒体与消费科技 Interface：深色沉浸、干净留白、黑白克制、影像驱动。
查看系统网站设计系统 · alphaSpotify
媒体与消费科技 Interface：深色沉浸、高识别品牌色。
查看系统网站设计系统 · alphaStarbucks
电商与零售 Interface：圆角亲和、亲和活力、高识别品牌色。
查看系统网站设计系统 · alphaStripe
金融科技与加密产品 Interface：深色沉浸、干净留白、渐变能量、圆角亲和。
查看系统网站设计系统 · alphaSupabase
后端、数据库与 DevOps Interface：深色沉浸、干净留白、黑白克制、影像驱动。
查看系统网站设计系统 · alphaSuperhuman
效率与 SaaS Interface：深色沉浸、干净留白、高端叙事、影像驱动。
查看系统网站设计系统 · alphaTesla
汽车品牌 Interface：影像驱动、极简精确。
查看系统网站设计系统 · alphaThe Verge
媒体与消费科技 Interface：编辑式排版、高识别品牌色。
查看系统网站设计系统 · alphaTogether AI
AI 与大模型平台 Interface：深色沉浸、干净留白、影像驱动、渐变能量。
查看系统网站设计系统 · alphaUber
媒体与消费科技 Interface：干净留白、黑白克制、圆角亲和、编辑式排版。
查看系统网站设计系统 · alphaVercel
后端、数据库与 DevOps Interface：干净留白、黑白克制、影像驱动、渐变能量。
查看系统网站设计系统 · alphaVodafone
媒体与消费科技 Interface：干净留白、高端叙事、影像驱动、编辑式排版。
查看系统网站设计系统 · alphaVoltAgent ❤️
AI 与大模型平台 Interface：深色沉浸、影像驱动、数据网格、开发者语境。
查看系统网站设计系统 · alphaWarp
开发者工具与 IDE Interface：深色沉浸、干净留白、影像驱动、开发者语境。
查看系统网站设计系统 · alphaWebflow
设计与创意工具 Interface：深色沉浸、干净留白、高识别品牌色。
查看系统网站设计系统 · alphaWIRED
媒体与消费科技 Interface：深色沉浸、干净留白、影像驱动、数据网格。
查看系统网站设计系统 · alphaWise
金融科技与加密产品 Interface：深色沉浸、干净留白、圆角亲和、编辑式排版。
查看系统网站设计系统 · alphaxAI
AI 与大模型平台 Interface：深色沉浸、干净留白、黑白克制、渐变能量。
查看系统网站设计系统 · alphaZapier
效率与 SaaS Interface：影像驱动、圆角亲和、开发者语境、亲和活力。
查看系统