diff --git a/content/uiux/concepts/logo/logo.md b/content/uiux/concepts/logo/logo.md index ab99e3bd862..fc8f7fe2532 100644 --- a/content/uiux/concepts/logo/logo.md +++ b/content/uiux/concepts/logo/logo.md @@ -3,7 +3,10 @@ Title: 'Logo' Description: 'A logo is a symbol, graphic, or emblem, that is used to represent a company, product, or brand.' Subjects: - 'Web Design' + - 'Web Development' Tags: + - 'Graphics' + - 'Symbol' - 'UI' - 'UX' CatalogContent: @@ -17,4 +20,21 @@ Companies such as [Google](https://www.google.com), [Nike](https://www.nike.com) ![Codecademy Logo](https://static-assets.codecademy.com/Courses/intro-to-ui-and-ux/wireframes/Codecademy_navy.svg) -For more information, check out this [article by Wix on the psychology of logo design.](https://www.wix.com/blog/2021/10/logo-psychology/) +## Logo Variations and Formats + +Digital products require flexible logo systems that adapt across contexts. Common formats include: + +- **Primary logo:** The full version, including both symbol and wordmark. +- **Logomark only:** A standalone icon or symbol used when the full logo is unnecessary or unsuitable. +- **Responsive logo:** A simplified version used in small spaces like navbars or tab icons. +- **Monochrome or inverted logo:** Versions designed for dark mode, grayscale, or print compatibility. + +> **Note:** A logo must remain legible and balanced across formats, screen sizes, and accessibility contexts. + +## What does a Logo Communicate about a Brand + +A logo conveys subtle but powerful messages about the brand: + +- **Tone of voice:** A logo sets expectations — playful, professional, experimental, minimalist. +- **Industry or domain cues:** Symbols, colors, and typefaces suggest alignment with sectors like education, health, or finance. +- **Company values:** Visual traits signal identity — bold vs. quiet, modern vs. traditional, innovative vs. stable.