Reference is useful.
Your decisions make it yours.
For designers exploring a direction and developers turning that direction into a real component. Keep the useful decisions, then make the work fit your product.
Different starting points.
The same room to change.
Keep the idea.
Reconsider the details.
Use your own voice
Change the headline, label, and supporting copy. Test long and short content rather than fitting your product into someone else’s words.
Bring it into your design
Replace colors, type, spacing, and assets with your project’s choices. A reference should support your design system.
Make it work for your users
Build the correct links, states, focus behavior, and data connections. Review the component in the environment where it will live.
Give the next person
more than a picture.
Readable files make the starting point inspectable. The handoff still needs your reasoning: what was useful, what changed, and what remains to build.
Understand the export →Collection introduction
The heading hierarchy and two-column layout.
Our copy, brand color, spacing scale, and destination link.
Narrow layouts, keyboard focus, CSS scope, and font fallback.
Editable files plus integration notes and remaining behavior.