Atomic Design Methodology

Systematic component hierarchy based on Brad Frost's Atomic Design: atoms -> molecules -> organisms -> templates -> pages. Applied across all 4 frontend platforms.

When to Apply

Reference these guidelines when:

• Creating new UI components (determine correct atomic level)
• Reviewing component composition (verify import rules)
• Organizing component directories across platforms
• Building or extending a design system / component library
• Deciding where data fetching logic belongs

Rule Categories