design-teardowns

Reverse-engineer a real, existing website or app into a source-level design teardown: pull its actual design tokens (colors, fonts, easing, durations, radii) and assets from the live page, then rebuild it faithfully in the subject's own visual language. Use whenever someone names or links a specific real product and wants its true design taken apart — "extract the fonts/colors/easing from X", "reverse-engineer X's design system", "how did X build this landing page, I want to replicate the colors/fonts/motion", "turn X into a replicable design doc", "how'd they make this effect on X", "what font/colors/easing does X use". 中文同理:拆解、逆向、复刻某真实网站或产品的设计,扒出真实配色、字体、缓动、动效。 The trigger: a named real site plus wanting its genuine measured values/assets, even without the word "teardown". Pulls real computed styles/files via Playwright; never guesses. Not for from-scratch/net-new designs, vague "make it nicer" redesigns, copywriting, data scraping, perf/a11y audits, or generic CSS help with no reference site.