light-mode-paper-technical

name	light-mode-paper-technical
description	创建一套亮色技术设计系统：温暖的纸质面板、深色外框、微妙的斜向纹理、精确的括号式几何，以及克制的强调信号。

亮色纸质技术风技能

何时使用

• 创建一套亮色技术设计系统：温暖的纸质面板、深色外框、微妙的斜向纹理、精确的括号式几何，以及克制的强调信号。

工作流程

适用范围

• 把它作为一个完整的设计系统方向，贯穿外壳、布局、排版、导航、卡片、模型图、背景处理与动效。
• 当界面应当显得明亮、精致、技术感，但又比冰冷的白色企业仪表盘更温暖、更有质感时使用。
• 这不是普通的极简亮色模式，也不是单纯的编辑风纸感。它应当把纸质面板与精确的产品技术框架结合起来。

视觉目标

• 把主体验建立在温暖的米白、羊皮纸或柔和纸色面板上，而非刺眼的纯白。
• 把较亮的内部包裹在较深的外壳或环绕场域中，让内容区显得被框住、被抬升、有意图。
• 加入微妙的技术结构：细边框、内嵌分割线、L 形括号、微小的角部细节、斜向背景纹理，以及量度化的空间引导线。
• 用一种克制的强调色表现激活态、标签、进度或焦点细节。强调色应当点缀系统，而非主导它。
• 保持整体高级且当代：圆角容器外壳可以接受，但内部布局逻辑应保持清爽而技术化。

实现指引

• 优先使用一个带框的主容器，配以充裕的圆角、柔和阴影和亮色纸质内部，置于较深的页面背景之上。
• 主面板用温暖的中性色，然后用略深的纸色、柔和边框和温和对比来区分层级，而非明亮的白底灰面 UI。
• 在大面积纸色区域加入低对比度的斜向纹理或细密图案，让背景显得有材质、略带工程感。
• 界面内容用干净的无衬线排版，时间戳、说明文字、浏览器 chrome、转录提示或元数据则可选用等宽实用字体。
• 构建产品面板（如应用模型图、转录窗格、侧边栏或会话卡片）时用明亮干净的内部、讲究的间距和细腻的边框层级。
• 动效应保持沉静而精致：遮罩式标题显现、淡入上浮的板块、受控的卡片进场，以及微妙的活动指示器都很合适。

推荐模式

• 深色外层页面，容纳整个体验的一个大型亮色圆角容器。
• 内部框架系统，在纸色背景之上使用内嵌边框矩形、小角括号和安静的技术线条。
• 温暖亮色的应用面板，嵌入主外壳内部的浏览器 chrome、转录窗口、侧边栏或仪表盘模块。
• 强调色驱动的实时态，如激活的圆点、微小分隔线、进度标记、高亮词或主行动按钮。
• 纸质技术反差：柔和、易读、亲切的面板搭配精确几何与系统级视觉纪律。

调节旋钮

• 纸感温度：根据品牌情绪在偏冷的石色纸与偏暖的羊皮纸之间切换。
• 框架强度：根据设计应有多"仪表化"来增减括号、边界线和技术分割线。
• 圆角度：外壳保持柔和圆角，但避免把内部布局结构过度柔化。
• 强调强度：让强调色清爽而难忘，但让温暖中性色承载界面的大部分。
• 纹理量：保持微妙图案，让纸感读得出来，又不至于嘈杂或复古。

避免

• 毫无材质温度或框架逻辑的扁平纯白 SaaS 布局。
• 厚重的复古做旧纸感，让界面显得陈旧或肮脏。
• 冰冷的企业蓝灰系统，丢失柔和的纸感特质。
• 过度使用圆润的团块或通用消费应用式的柔软，与技术结构相冲突。
• 过度使用强调色，把纸质系统变成一套吵闹的营销配色。