Skip to results
UX Handbook
/
×
tfmstyle.com
→
Load more
Design Component Naming
Components · components
Updated 2026-07-28
Names shape how teams think.
Name by purpose, not appearance.
Weak:
Blue button.
Large card.
Special box.
Strong:
Primary action button.
Product summary card.
Warning banner.
Good names survive redesigns.
A component should describe what it does, not what it currently looks like.
Related guides
Design Rating Components That Give Honest Feedback
Design Component Anatomy
Design Responsive Components
Design Component States Completely
Design Component Variants Carefully
UX Handbook