domains / families / design / light-mode-paper-technical

light-mode-paper-technical

separate

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.

When to use

• Apply this as a full design-system direction across shell, layout, typography, navigation, cards, mockups, background treatment, and motion.
• Use it when the interface should feel bright, refined, and technical, but warmer and more tactile than a cold white enterprise dashboard.
• This is not plain minimal light mode and not editorial paper alone. It should combine paper-like surfaces with precise product-tech framing.

When not to use

• plain minimal light mode
• editorial paper alone
• flat plain white SaaS layouts
• heavy vintage paper distressing
• cold enterprise blue-gray systems
• overusing rounded blobs or generic consumer-app softness
• excessive accent usage

Skill page

Source