Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.
Use one restrained accent color for active states, labels, progress, or focal details. The accent should punctuate the system rather than dominate it.
Keep the overall result premium and contemporary: rounded container shells are acceptable, but internal layout logic should remain crisp and technical.
以暖调米白、仿羊皮纸或柔和纸张色调的界面作为主要体验载体,而非纯白。
将浅色内部界面包裹在深色外框或背景区域中,使内容区域显得规整、突出且具有设计感。
添加细微的科技感结构:细边框、内嵌线条、L型括号、微小角落细节、斜纹背景纹理以及规整的空间引导线。
使用一种克制的强调色来标识激活状态、标签、进度或焦点细节。强调色应起到点缀作用,而非主导整个系统。
整体效果需保持高端且现代:容器外壳可以采用圆角,但内部布局逻辑需保持清晰且富有科技感。
Implementation guidance
实施指南
Prefer a framed master container with generous radius, soft shadow, and a light paper interior placed against a darker page background.
Use warm neutrals for primary surfaces, then separate layers with slightly darker paper tones, soft borders, and gentle contrast instead of bright white-on-gray UI.
Add low-contrast diagonal texture or fine patterning to large paper regions so the background feels material and lightly engineered.
Use clean sans-serif typography for interface content and optional mono utility text for timestamps, captions, browser chrome, transcript cues, or metadata.
Build product surfaces such as app mockups, transcript panes, sidebars, or session cards with bright clean interiors, careful spacing, and delicate border hierarchy.
Motion should stay calm and polished: masked headline reveals, fade-up sections, controlled card entrance, and subtle activity indicators are appropriate.