# SmallWorld Prototypes

Static HTML/CSS/JS prototypes and the design style guide for SmallWorld. These exist to explore design ideas quickly, outside the React/Rails app, before committing to production implementation.

## Structure

```
sw-prototypes/
├── index.html               # Browseable index linking to every prototype
├── styleguide/              # Canonical design tokens + component patterns
│   ├── style-guide.html     # Rendered reference
│   └── style-guide.md       # Source / spec
└── prototypes/
    ├── deal-team/             # Deal team views (single-page mockups)
    ├── user-settings/         # Standalone user settings page mockup
    ├── requester-dashboard/   # Requester dashboard v2 mockup
    ├── connector-dashboard/   # Connector dashboard v1 → v2 → v3 archive (shipped via React)
    ├── settings/              # Multi-page account/settings flow (with shared/)
    └── relationship-leads/    # RLO list/detail flow (with shared/)
```

Each multi-page prototype has its own `shared/` directory for CSS, JS, and fixture data so the pages can link to one another.

## Viewing

Serve the repo root and start at the index, which links to everything:

```bash
python3 -m http.server 8000
# then visit http://localhost:8000/
```

A static server is preferred (over opening HTML files directly) so the multi-page flows' relative links and shared assets resolve cleanly.

## Provenance

Prototypes were originally scattered across the SmallWorld Rails repo (`frontend/prototypes/`, `frontend/docs/`) and various feature branches. They were consolidated here on 2026-04-30 so design exploration is decoupled from the production codebase.