Adobe Creative Cloud Homepage Recreation
ArchivedMay 1, 2018
A pixel-perfect recreation of the Adobe Creative Cloud homepage — an exercise in learning by copying, developing taste through imitation, and understanding why the best creators study the best before finding their own voice.
Purpose
Assigned as a bootcamp project to develop front-end skills by recreating a real production website. The deeper lesson: copying excellence is how you learn what excellence feels like.
Stack
What I Learned
- Dribbble and sites like it exist for a reason — do not reinvent the wheel when world-class designers have already solved the layout, spacing, and hierarchy problems you are facing
- Pixel-perfect recreation forces you to notice details you would otherwise skip: padding ratios, font weight pairings, hover state timing, color contrast decisions
- The gap between "I like this design" and "I can build this design" closes fastest when you sit down and actually build someone else's design from scratch
- Responsive design is not an afterthought — Adobe's homepage taught that every breakpoint is a deliberate design decision, not just a CSS media query
Key Insights
- Vincent van Gogh copied hundreds of works he admired — Japanese prints, Millet's peasant scenes, Delacroix's compositions — before his own style emerged. The copies were not the point. The copies built the muscle. Mankind's style is a melting pot of every inspiration we absorb, and the creative muscle to produce something original only develops after you have felt what making excellence is all about.
- Copy format, never copy content. Recreating a layout teaches you structure, hierarchy, and rhythm. Stealing someone's actual copy, imagery, or brand identity is flat out lame — and depending on the context, legally actionable. I am not a lawyer, but the line between learning from structure and stealing substance is one every creator should understand.
- This is exactly how AI models are trained — they experience massive quantities of different works and converge on collective agreement about what is most preferable. The training process is, at its core, the same thing van Gogh did: absorb widely, find the patterns, and produce something that reflects the aggregate taste of everything you have seen. The difference is speed and scale, but the principle is identical.
- Encouraging copying is not encouraging plagiarism. It is encouraging practice. If you want to develop taste, you have to create. Some people seem to have it flow right out of them, but for the rest of us — and honestly, for them too — excellence comes from reps.
This post was composed through a conversation between Brett Owers and Claude Code (Anthropic). The content reflects Brett's recollection of each project and the lessons drawn from it. Some details may be approximate or omitted — the purpose is to paint an honest picture of a software engineer's development over time, not to serve as a precise historical record.