Expo Atomic Design Guidelines

This document outlines how the Atomic Design methodology is applied within this project to ensure a scalable, maintainable, and highly reusable design system.

Philosophy

We follow the Atomic Design hierarchy to break down complex UIs into fundamental building blocks. This allows us to develop, test, and document components in isolation before assembling them into full screens.

The Hierarchy

1. Sub-atomic (Design Tokens)

Location: src/theme/

These are the smallest visual elements that define the app's look and feel. They are not components themselves but are consumed by all atoms and molecules.