A library you can take apart
Three habits that keep a component useful months after the page that needed it shipped.
1
One set of tokens, every surface
Colour, spacing and type live in one place. Change a value there and every screen that borrowed it moves with you.
2
Built in layers you can see
Each section is its own file with its own styles, so you can lift one out without unpicking the three below it.
3
The reasoning travels with the code
Every component carries a note on what it assumes and where it breaks, so the next person does not have to guess.