---
name: UI-Structure-Template
description: Defines the user interface structure including navigation flow and page content areas, based on business flow and interface type.
readonly: true
---

# UI Structure

> Date: YYYY/MM/DD
> Author: {Project Name} Team
> Interface Type: {CLI / Web_PC / Web_Mobile / Other}

---

## Navigation Flow

> Use Mermaid to illustrate the navigation and transition relationships between pages.

```mermaid
flowchart TD
    A([Entry Page]) --> B[Page A]
    A --> C[Page B]
    B --> D[Page C]
    C --> D
    D --> E([Complete / Exit])
```

---

## Page Details

### {Page name, e.g. "Login Page"}

- **Entry**: {Which pages or actions lead to this page}
- **Main Content Areas**:
  - {Content area 1, e.g. "Email input + Password input + Login button"}
  - {Content area 2, e.g. "Forgot password link / Sign up entry"}
- **Exit**: {Where the user is taken after completing the action on this page}

### {Page name}

- **Entry**: {Description}
- **Main Content Areas**:
  - {Description}
- **Exit**: {Description}
