What problem does it solve? Design briefs asking for an Apple-like, Linear-tier, or premium consumer look often produce generic output with default fonts, hard shadows, and flat layouts. This Skill encodes a complete soft-premium design system as enforceable rules so generated web prototypes consistently hit that aesthetic. ## Core Features & Use Cases - Hard design rules: silver/cream canvas, heavy display typography, squircle radii, double-bezel card architecture, and button-in-button CTAs, plus an explicit banned list (Inter, hard shadows, linear easing, 100vh). - Required component patterns: floating glass pill navbar, asymmetric hero, bento grid, logo marquee, inverted closing band, and monospace footer. - Motion specification: custom cubic-bezier/spring transitions, IntersectionObserver scroll reveals, and transform/opacity-only animation. - Use Case: Given a brief for a calm SaaS landing page, produce a single self-contained HTML file matching the included example.html template, then verify it against the built-in pre-flight checklist. ## Quick Start Use the web-prototype-taste-soft skill to build a soft premium landing page prototype for my product as a single HTML file.
