# A Practical Guide To Naming Things

DevFeed: [A Practical Guide To Naming Things](<https://devfeed.tech/articles/a-practical-guide-to-naming-things-65625.md>)

Original publisher: [Read original article](<https://smashingmagazine.com/2026/10/how-name-things/>)

Author: hello@smashingmagazine.com (Vitaly Friedman)

Published: 2026-10-06T10:00:00Z

Content type: article

Language: en

Sources: [Smashing Magazine](<https://devfeed.tech/sources/articles-on-smashing-magazine-for-web-designers-and-developers.md>)

Topics: [Design system](<https://devfeed.tech/topics/design-system.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [Spec Driven Development](<https://devfeed.tech/topics/spec-driven-development.md>)

Tags: [architecture](<https://devfeed.tech/tags/architecture.md>), [backlog](<https://devfeed.tech/tags/backlog.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [case-study](<https://devfeed.tech/tags/case-study.md>), [design](<https://devfeed.tech/tags/design.md>), [discoverability](<https://devfeed.tech/tags/discoverability.md>), [guide](<https://devfeed.tech/tags/guide.md>), [practical](<https://devfeed.tech/tags/practical.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>), [ux](<https://devfeed.tech/tags/ux.md>)

## AI overview

This practical guide gathers resources and conventions for naming code elements, colors, design tokens, UI components, features, variables, and products. It highlights how clear, consistent names can help teams and users understand features, improve discoverability, and reduce confusion across roles.

## Source excerpt

A practical guide to naming UI components, with useful resources, naming conventions, and structures.