light-mode-paper-technical

Installation
SKILL.md

Light Mode Paper Technical Skill

Use When

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

Workflow

Scope

  • 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.

Visual target

  • Build the main experience on warm off-white, parchment, or soft paper-toned surfaces instead of stark white.
  • Wrap the lighter interior inside a darker outer shell or surrounding field so the content area feels framed, elevated, and intentional.
  • Add subtle technical structure: thin borders, inset rules, L-brackets, tiny corner details, diagonal background texture, and measured spatial guides.
  • 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.
Installs
89
Repository
mengto/skills
GitHub Stars
2.5K
First Seen
14 days ago
light-mode-paper-technical — mengto/skills