Choose a live brand homepage you admire and rebuild it pixel-perfect (desktop and mobile). Match typography (typeface, weights, line-height), spacing, grid, colors, icons, imagery, interactions (hover, focus, active), and motion. Recreate responsive behavior at key breakpoints, ensure semantic HTML and accessible states, and aim for a fast Lighthouse score without external page builders.
Submit a public repo + live preview and a short README explaining tech stack, font handling (webfonts/fallbacks), breakpoints, performance choices, and any known gaps. Evaluation focuses on: visual fidelity, responsive precision, code quality/semantics, accessibility, performance, and attention to micro-interactions. The more complex the original page, the higher the ceiling.