# Applications — Design Bundle

Four self-contained application designs plus a launcher page.

## Open this first
`index.html` — the launcher. Click any card to open that application.

## Structure

```
index.html              Launcher — 4 cards, each with a live preview
README.md               This file

app-1/                  Application 1 — Fitness Dashboard
  index.html
  DESIGN-SYSTEM.md
  assets/hero.jpg

app-2/                  Application 2 — Cedarstone Impact Portfolio
  index.html            Dashboard
  brand.html            Brand guide (colors + typography)
  styles.css
  app.js
  DESIGN-SYSTEM.md
  assets/               renewable.jpg · natural.jpg · water.jpg
                        partners.jpg · user.jpg · brand-guide-reference.jpg

app-3/                  Application 3 — NikPay Orders
  index.html
  styles.css
  app.js
  DESIGN-SYSTEM.md
  assets/               revenue.jpg · orders.jpg · earbuds.jpg
                        mouse.jpg · backpack.jpg

app-4/                  Application 4 — ShahRug Store
  index.html            (styles and script are inline)
  DESIGN-SYSTEM.md
  assets/               rug-bg.jpg · frame.png · frame-raw.jpg
```

## Notes

- Every app is **standalone** — open `app-N/index.html` directly, or go through the launcher.
- Each app has a **`DESIGN-SYSTEM.md`** with its color tokens, typography, layout measurements, component specs, imagery direction and do/don't rules. Hand that file to a developer (or an AI) to keep extending the app in the same visual language.
- The apps use Google Fonts over the network, so keep an internet connection when opening them.
- Application 3 remembers its state between visits (selected time range, collapsed sidebar, card order).
- Application 4 is a product/store page, not a dashboard.

## Shortcuts

| App | Character | Accent |
|---|---|---|
| 1 | Dark, editorial serif, warm coral | `#ff8974` |
| 2 | Institutional green, serif + Inter | `#4E7A3B` |
| 3 | Soft grey glass, one electric lime | `#b8f227` |
| 4 | Monochrome UI over rich rug photography | black on `#e4e4e4` |