Design

Changing the design systems in on the level of Atoms (Reference to Atomic Design System)

Changing the design systems in on the level of Atoms (Reference to Atomic Design System)
  1. Is Atomic Design a design system?
  2. What is the Atomic Design system?
  3. What are the distinct levels in Atomic Design?
  4. What does the name Atomic Design refer to in the web design industry?

Is Atomic Design a design system?

Atomic design is a design system created by Brad Frost in 2016. Frost wanted to create a design system that made it easy for him to focus on essential elements like color, typography, and texture. While exploring his ideas, Frost kept returning to the connections he found between design processes and chemistry.

What is the Atomic Design system?

What is Atomic Design? Atomic Design is a methodology created by Brad Frost seeking to provide direction on building interface design systems more deliberately and with explicit order and hierarchy.

What are the distinct levels in Atomic Design?

So don't interpret the five stages of atomic design as “Step 1: atoms; Step 2: molecules; Step 3: organisms; Step 4: templates; Step 5: pages.” Instead, think of the stages of atomic design as a mental model that allows us to concurrently create final UIs and their underlying design systems.

What does the name Atomic Design refer to in the web design industry?

Atomic design allows teams to simply swap out one atom, molecule or organism at a time and even apply those tweaks across the site, instead of doing a major overhaul. Plus, if a component of the site is underperforming, we can address it without touching the rest of the design system.

Does a hover state background need to pass color contrast for accessibility?
Whether the button has focus or hovered or not, the text on the button must have a sufficient contrast with its background color. Do hover colors need...
How to choose typeface (fonts) for a website in different locales?
How do you choose the right typeface for your website?How do I localize a font?Can you use different fonts on a website?Should you use the same font ...
What are some alternatives to accordions?
What is an alternative to tabs?Are accordions good UX?Why do we use accordion?What is an accordion tab? What is an alternative to tabs?If they're to...