1---
2title: Consistent Timing for Similar Elements
3impact: CRITICAL
4impactDescription: Inconsistent timing across similar elements creates a disjointed, unpolished feel and undermines design system coherence.
5tags: timing, consistency, animation
6---
7 
8## Consistent Timing for Similar Elements
9 
10Similar elements must use identical timing values.
11 
12**Incorrect (inconsistent timing):**
13 
14```css
15.button-primary { transition: 200ms; }
16.button-secondary { transition: 150ms; }
17```
18 
19**Correct (consistent timing):**
20 
21```css
22.button-primary { transition: 200ms; }
23.button-secondary { transition: 200ms; }
24```
25