用途:Scientific Luxury 是 NodeJS-Starter-V1 框架的视觉规范,用于在 React 组件与 UI 工作中强制实施“科学奢华”设计层级,拒绝通用 SaaS 审美。触发场景包括创建 React 组件、样式设计、动画实现与设计合规审查;后端逻辑、算法优化、CI/CD 与基础设施配置不适用。
主要能力:规定 OLED 黑背景(#050505)、单像素边框(border-[0.5px] border-white/[0.06])、光谱状态色(青 #00F5FF、翠绿 #00FF88、琥珀 #FFB800、红 #FF4444、品红 #FF00FF、灰 #6B7280)、透明度层级、JetBrains Mono 数据字体与 Inter 编辑字体、时间线/数据条/非对称分栏布局、Framer Motion 物理缓动动画(如 [0.19, 1, 0.22, 1])、呼吸光球状态指示器,以及澳大利亚本地化日期时间与货币格式。
使用方式:在创建或审查 React 组件时按清单核对,例如背景、边框、状态色、动画库、字体、缓动曲线、布局与本地化格式。资料给出 STATUS_COLOURS 映射、缓动常量与组件示例代码,可按原样引用。
限制:明确禁止 Bootstrap/Tailwind 卡片网格、通用霓虹边框、对称网格、rounded-lg/rounded-xl、Lucide 图标表示状态、线性过渡、白色/浅色背景与 text-muted-foreground;仅允许 rounded-sm(2px),光球可用 rounded-full。所有动画必须使用 Framer Motion,CSS 动画被禁止。资料未提供安装命令、收费、平台支持或性能数据。