After validating the core layout with lo-fi wireframes, we start with mid-fidelity wireframes to refine the structure and add more detail. These screens included typography, spacing, UI components, and realistic content, but still no final colors or branding.

Mid-Fi Wireframes