Premium Web Design

This is a solid foundation if you're building client-facing apps or SaaS landing pages and want to avoid the generic Bootstrap look. It covers the practical stuff: typography hierarchy with geometric sans-serifs, off-black backgrounds instead of pure values, glassmorphism code snippets, and Framer Motion patterns for scroll animations. The bento grid and whitespace guidance is especially useful for feature sections. It won't teach you design theory, but if you already know what premium should feel like and just need the CSS and motion boilerplate to get there quickly, this gets you 80% of the way without hunting through Dribbble.

Install to Claude Code

npx -y skills add jerrar670/surf-website --skill premium_web_design --agent claude-code