What problem does it solve? Dark-mode landing pages often end up cluttered with neon glows, cursor-follow effects, and animated gradients that undermine a premium feel. This Skill enforces a restraint-first design system with hard rules against decorative excess, so dark UIs rely on luminance stepping, typography, and a single accent color instead of gimmicks. ## Core Features & Use Cases - Hard Design Rules: Bans neon colors, glows, cursor-follow effects, animated gradient meshes, and decorative glassmorphism, enforcing a minimal palette of near-black surfaces plus one accent. - Validated Linear Design Tokens: Provides production-verified color, typography, spacing, radius, and elevation values extracted from Linear's actual CSS, including Inter Variable with cv01/ss03 OpenType features and the signature 510 emphasis weight. - Motion and Verification Guidance: Defines micro-interaction and page-transition timing budgets, prefers-reduced-motion support, and a post-build checklist covering console errors, interactions, and responsive behavior from 390px to 1200px+. - Use Case: When asked to build a Linear-style portfolio or review landing page, apply the depth model (#08090a through #191a1b surfaces), the type scale, and one signature element per page to produce a quiet, premium result. ## Quick Start Build a premium dark-mode landing page for my portfolio using the Linear-style tokens and restraint-first rules.
