A practice exercise recreating Apple's homepage in Figma. The goal was to match the original design pixel-perfect and improve my visual design execution skills.

This wasn't a redesign or client project. I rebuilt Apple's existing design to practice layout, typography, and component structure in Figma.

What I Focused On

Pixel-perfect accuracy: Matching spacing, typography, and layout to Apple's actual site. Every element measured and positioned to match the original.

Component structure: Building reusable components for navigation, product cards, and footer elements. Everything organized with proper naming conventions.

Auto layout: Using Figma's auto layout throughout. Buttons, cards, and sections adapt to content changes automatically.

Typography system: Implementing SF Pro with Apple's exact weights and sizes. Recreated their type hierarchy from headlines to footnotes.

Skills Demonstrated

High-fidelity visual design in Figma

Component-based design systems

Auto layout for responsive layouts

Attention to detail and precision

Clean file organization and layer naming

Final Design