# lordandrew97/huma-digital-studio architecture

> Architecture diagram of the GitHub repository lordandrew97/huma-digital-studio, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/lordandrew97/huma-digital-studio
- Repository: https://github.com/lordandrew97/huma-digital-studio

## Overview

HUMA Digital Studio is a static agency website with a separate interactive demo generator. The main visitor-facing experience is the landing page; the distinct demo flow uses business context to select suitable imagery and present a generated demo. The README documents the generator and contextual image selection; the selector’s profile and image behavior is corroborated by the sampled test, but the generator implementation was not sampled, so its internal wiring is shown only at the documented level.

Main entry points: [`demo.html`](https://github.com/lordandrew97/huma-digital-studio/blob/main/demo.html) (Demo page), [`index.html`](https://github.com/lordandrew97/huma-digital-studio/blob/main/index.html) (Landing page), [`assets/demo-generator.js`](https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/demo-generator.js) (Demo generation), [`assets/demo-image-selector.js`](https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/demo-image-selector.js) (Image selection)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_website["Agency Website"]
  node_home["Landing page<br/>[index.html]"]
  node_sitejs["Site interactions<br/>[site.js]"]
  node_sitecss["Site styling<br/>[site.css]"]
end

subgraph group_demo["Demo Generator"]
  node_demoform["Demo page<br/>[demo.html]"]
  node_generator["Demo generation<br/>[demo-generator.js]"]
  node_selector["Image selection"]
end

subgraph group_media["Visual Assets"]
  node_catalog[("Demo image catalog")]
end

node_visitor(("Site visitor"))
node_prospect(("Demo user"))

node_visitor -->|"visits"| node_home
node_home -->|"loads"| node_sitejs
node_home -->|"loads"| node_sitecss
node_visitor -->|"opens demo"| node_demoform
node_prospect -->|"enters business"| node_demoform
node_demoform -->|"loads"| node_generator
node_generator -->|"requests images"| node_selector
node_selector -->|"selects from"| node_catalog
node_generator -->|"renders demo"| node_demoform

click node_home "https://github.com/lordandrew97/huma-digital-studio/blob/main/index.html"
click node_sitejs "https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/site.js"
click node_sitecss "https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/site.css"
click node_demoform "https://github.com/lordandrew97/huma-digital-studio/blob/main/demo.html"
click node_generator "https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/demo-generator.js"
click node_selector "https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/demo-image-selector.js"
click node_catalog "https://github.com/lordandrew97/huma-digital-studio/tree/main/assets/demos/catalog"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_home,node_sitejs,node_sitecss,node_prospect toneBlue
class node_demoform,node_generator,node_selector toneAmber
class node_catalog toneMint
class node_visitor toneIndigo
```

## Components

### Agency Website

- [Landing page](https://github.com/lordandrew97/huma-digital-studio/blob/main/index.html): `index.html`
- [Site interactions](https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/site.js): `assets/site.js`
- [Site styling](https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/site.css): `assets/site.css`

### Demo Generator

- [Demo page](https://github.com/lordandrew97/huma-digital-studio/blob/main/demo.html): `demo.html`
- [Demo generation](https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/demo-generator.js): `assets/demo-generator.js`
- [Image selection](https://github.com/lordandrew97/huma-digital-studio/blob/main/assets/demo-image-selector.js): `assets/demo-image-selector.js`

### Visual Assets

- [Demo image catalog](https://github.com/lordandrew97/huma-digital-studio/tree/main/assets/demos/catalog): `assets/demos/catalog`

### Other components

- **Site visitor**
- **Demo user**

## Connections

- Site visitor → Landing page: visits
- Landing page → Site interactions: loads
- Landing page → Site styling: loads
- Site visitor → Demo page: opens demo
- Demo user → Demo page: enters business
- Demo page → Demo generation: loads
- Demo generation → Image selection: requests images
- Image selection → Demo image catalog: selects from
- Demo generation → Demo page: renders demo