Introduction
Frontend Design is for websites, apps, prototypes, and interactive interfaces that need a distinct art direction. It focuses on brand hierarchy, image priority, copy density, spatial rhythm, and restrained motion. The workflow defines a visual system and responsive rules before implementing the result with semantic structure, avoiding template card grids, weak branding, and clutter.
Use Cases
Use it for landing pages, product sites, portfolios, application interfaces, interactive demos, and marketing experiences, including careful restyling of an existing frontend without breaking core behavior. Outputs cover mobile and desktop, light and dark modes, keyboard access, text contrast, and reduced-motion preferences.
Template
Provide the page goal, audience, content, brand assets, reference direction, technology stack, and functions that must remain. Example: design a responsive site for a creator tool with portfolio imagery as the main visual, subtle scroll motion, light and dark modes, and runnable frontend code.
