No Mixed Visual Languages
Corner radii, shadow styles, and type scales must be visually consistent within any single user flow — mixing divergent visual language systems (e.g.…
$ aoe install @community/rule-no-mixed-visual-languages Projection
Always in _index.xml · the agent never has to ask for this.
NoMixedVisualLanguages [rule] v1.0.0
Corner radii, shadow styles, and type scales must be visually consistent within any single user flow — mixing divergent visual language systems (e.g., sharp-cornered inputs with heavily rounded buttons) within the same flow is forbidden.
Loaded when retrieval picks the atom as adjacent / supporting.
NoMixedVisualLanguages [rule] v1.0.0
Corner radii, shadow styles, and type scales must be visually consistent within any single user flow — mixing divergent visual language systems (e.g., sharp-cornered inputs with heavily rounded buttons) within the same flow is forbidden.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Severity
medium
Loaded when retrieval picks the atom as a focal / direct hit.
NoMixedVisualLanguages [rule] v1.0.0
Corner radii, shadow styles, and type scales must be visually consistent within any single user flow — mixing divergent visual language systems (e.g., sharp-cornered inputs with heavily rounded buttons) within the same flow is forbidden.
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Severity
medium
Examples
- Violation: a signup flow with rounded Material inputs (border-radius:4px) next to a button with border-radius:24px from a different design system
- Violation: dashboard uses Inter sans-serif throughout except one widget using Georgia — font inconsistency within flow
- Violation: card shadows use a flat neo-brutalist border in the modal but a soft drop-shadow in the parent page
- Correct: define one border-radius scale, one shadow scale, one type scale — apply uniformly within the flow
Relations
related: [@community/principle-shared-visual-language, @community/rule-no-new-visual-primitives, @community/anti-pattern-ai-generated-ui, @community/example-shadcn-settings, @community/example-tailwindui-app-shell, @community/principle-single-direction-aesthetic-bet]
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Severity
medium
Source
aoe-engine/examples/frontend-design/primes/compiled/@community/rule-no-mixed-visual-languages/atom.yaml