British Gas设计系统
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
British Gas Design System,又称 Nucleus,是 British Gas 的企业级设计系统文档站。它围绕 Components、Guidelines、Patterns、Page types 组织内容,服务于 British Gas 数字产品中的品牌一致性、客户体验和前端实现规范。抓取内容显示,该系统尤其重视客户旅程中的信息采集、表单分组、可访问性与认知负荷控制。
从设计/创意角度看,Nucleus 不只是视觉组件库,还包含原则、无障碍、Typography、Assets、Tokens、页面类型与体验模式。组件层面覆盖 Accordion、Alert、Card、Header、Footer、Icon、Inputter、Selector、Tabs、Table、Video 等常见界面元素。表单模式是其亮点:文档详细说明 ns-form、ns-form-group、ns-inputter 的使用场景,强调 legend、label、heading、校验、mask、separator 等机制,以帮助用户填写姓名、电话、邮箱、抄表数、sort code、参考号等信息。
抓取正文未提供定价、订阅、付款方式或开放授权信息,因此不能判断其是否可作为第三方商业项目的免费资源。页面虽有 GitHub 建议编辑入口和贡献说明,但并不等同于明确的开源授权。
优点是信息架构清晰,既有组件清单,也有模式化的体验指导;对无障碍和表单语义的关注较深入,适合复杂服务流程;博客内容也展示了设计系统替换视觉识别、可访问颜色、神经多样性设计等实践。缺点是它明显以 British Gas 场景为中心,外部复用边界、安装接入、设计工具兼容、资源总量和支持方式都没有在抓取内容中明确体现。
更适合 British Gas 内部及供应商团队、能源/公用事业类产品设计师、前端工程师、内容设计和无障碍负责人参考。若你需要通用 UI 设计工具或可商用模板库,它不是最直接的选择。
未从正文获得中国大陆访问情况,判定为未知。
本测评基于公开资料整理,不构成购买建议,请以 britishgas.design 官网实际信息为准。
可参考大型品牌设计系统规范。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。