Dev Download Hub v1.0
Ooki Music — Complete File Package
Every HTML page, stylesheet, script, and image asset — organized exactly as it ships to the dev team. Save individual files or download the full archive below.
51
Total HTML Pages
5
New Pages (This Sprint)
~1.2 MB
Total Size (HTML only)
100%
Links Verified
Exact Folder Structure
Drop into your repo root
📁 ooki-music/ (project root)
Exact paths shown — replicate this structure
ooki-music/
├── index.html ← Homepage / landing
├── artists.html ← Artist browse / discovery
├── search.html ← Global search
├── store.html ← Plans, pricing & download store
├── sonic-capsules.html ← Sonic Capsules browse
├── story-capsules.html ← Story Capsules browse
├── portals.html ← Sign-in hub & route table
├── investor.html ← Investor pitch deck
├── licensing.html ← ★ NEW: Commercial licensing
├── cover-license.html ← ★ NEW: Cover song licensing
├── partners.html ← ★ NEW: Partner / investor pitch
├── artist-covers.html ← Artist-facing covers page
├── capsules.html ← Capsules overview
├── covers.html ← Covers catalog
├── listener.html ← Listener marketing page
├── artist.html ← Artist marketing page
├── developer.html ← Developer marketing page
├── handoff.html ← Design handoff overview
├── dev-handoff.html ← Technical dev handoff
├── amplify.yml ← AWS Amplify CI/CD config
├── .gitignore
│
├── css/
│ └── ooki-system.css ← Design system & all tokens (~86 KB)
│
├── js/
│ ├── ooki-data.js ← Mock data / seed data
│ └── ooki-shell.js ← ThemeManager, shell components
│
├── images/
│ ├── ooki-logo-wordmark.png
│ └── ooki-vinyl-icon.png
│
├── auth/
│ ├── login.html ← Unified login
│ ├── signup.html ← Registration (role=listener|artist|creator)
│ ├── reset.html ← Password reset
│ ├── admin-login.html ← Staff portal login (2FA)
│ └── 2fa.html ← 2FA challenge page
│
├── app/
│ ├── artist-dashboard.html ← Artist command center
│ ├── listener-dashboard.html ← Listener home
│ ├── app-analytics.html ← Deep analytics
│ ├── release-type.html ← Choose release type
│ ├── release-metadata.html ← Release metadata form
│ ├── track-manager.html ← Track management
│ ├── create-capsule.html ← Create sonic/story capsule
│ ├── review-release.html ← Review & submit release
│ ├── now-playing.html ← Now Playing / player view
│ ├── media-upload.html ← Media upload modal/page
│ └── omg-radio.html ← ★ NEW: OMG Radio public station
│
├── admin/
│ ├── index.html ← Staff login (TOTP + rate-limit)
│ ├── overview.html ← Admin dashboard
│ ├── users.html ← User management (124K users)
│ ├── songwriters.html ← Songwriter credits
│ ├── permissions.html ← Roles & module permissions
│ ├── platform-analytics.html ← Platform-wide analytics
│ ├── merchant.html ← Merchant & store management
│ └── omg-radio.html ← ★ NEW: OMG Radio admin control center
│
├── developers/
│ ├── index.html ← Developer portal overview
│ ├── api-keys.html ← API key management
│ ├── sandbox.html ← API sandbox / playground
│ └── webhooks.html ← Webhook configuration
│
├── guides/
│ ├── index.html ← Guides hub
│ ├── artist-guide.html ← Artist user guide
│ ├── listener-guide.html ← Listener user guide
│ ├── developer.html ← Developer integration guide
│ └── user-guide.html ← General user guide
│
└── artist/
├── kira.html ← Artist profile: Kira (example)
└── template.html ← Artist profile template
├── index.html ← Homepage / landing
├── artists.html ← Artist browse / discovery
├── search.html ← Global search
├── store.html ← Plans, pricing & download store
├── sonic-capsules.html ← Sonic Capsules browse
├── story-capsules.html ← Story Capsules browse
├── portals.html ← Sign-in hub & route table
├── investor.html ← Investor pitch deck
├── licensing.html ← ★ NEW: Commercial licensing
├── cover-license.html ← ★ NEW: Cover song licensing
├── partners.html ← ★ NEW: Partner / investor pitch
├── artist-covers.html ← Artist-facing covers page
├── capsules.html ← Capsules overview
├── covers.html ← Covers catalog
├── listener.html ← Listener marketing page
├── artist.html ← Artist marketing page
├── developer.html ← Developer marketing page
├── handoff.html ← Design handoff overview
├── dev-handoff.html ← Technical dev handoff
├── amplify.yml ← AWS Amplify CI/CD config
├── .gitignore
│
├── css/
│ └── ooki-system.css ← Design system & all tokens (~86 KB)
│
├── js/
│ ├── ooki-data.js ← Mock data / seed data
│ └── ooki-shell.js ← ThemeManager, shell components
│
├── images/
│ ├── ooki-logo-wordmark.png
│ └── ooki-vinyl-icon.png
│
├── auth/
│ ├── login.html ← Unified login
│ ├── signup.html ← Registration (role=listener|artist|creator)
│ ├── reset.html ← Password reset
│ ├── admin-login.html ← Staff portal login (2FA)
│ └── 2fa.html ← 2FA challenge page
│
├── app/
│ ├── artist-dashboard.html ← Artist command center
│ ├── listener-dashboard.html ← Listener home
│ ├── app-analytics.html ← Deep analytics
│ ├── release-type.html ← Choose release type
│ ├── release-metadata.html ← Release metadata form
│ ├── track-manager.html ← Track management
│ ├── create-capsule.html ← Create sonic/story capsule
│ ├── review-release.html ← Review & submit release
│ ├── now-playing.html ← Now Playing / player view
│ ├── media-upload.html ← Media upload modal/page
│ └── omg-radio.html ← ★ NEW: OMG Radio public station
│
├── admin/
│ ├── index.html ← Staff login (TOTP + rate-limit)
│ ├── overview.html ← Admin dashboard
│ ├── users.html ← User management (124K users)
│ ├── songwriters.html ← Songwriter credits
│ ├── permissions.html ← Roles & module permissions
│ ├── platform-analytics.html ← Platform-wide analytics
│ ├── merchant.html ← Merchant & store management
│ └── omg-radio.html ← ★ NEW: OMG Radio admin control center
│
├── developers/
│ ├── index.html ← Developer portal overview
│ ├── api-keys.html ← API key management
│ ├── sandbox.html ← API sandbox / playground
│ └── webhooks.html ← Webhook configuration
│
├── guides/
│ ├── index.html ← Guides hub
│ ├── artist-guide.html ← Artist user guide
│ ├── listener-guide.html ← Listener user guide
│ ├── developer.html ← Developer integration guide
│ └── user-guide.html ← General user guide
│
└── artist/
├── kira.html ← Artist profile: Kira (example)
└── template.html ← Artist profile template
Download Complete Package
All 48 HTML pages + CSS + JS + images in the exact folder structure shown above.
Save the files and preserve the directory hierarchy when extracting.
Use the "Save" buttons below to download individual pages, or use your browser's Save Page As feature on any page.
Public Pages
15 files · root levelindex.html
ooki/index.html
Homepage — hero, stats, features grid, artist spotlight, CTA, full footer
artists.html
ooki/artists.html
Artist browse — filter by genre/mood, search, verified artist cards, pagination
search.html
ooki/search.html
Global search — tracks, artists, capsules, albums with filter tabs
store.html
ooki/store.html
Plans, pricing & download store — subscription tiers, billing toggle, download catalog
sonic-capsules.html
ooki/sonic-capsules.html
Sonic Capsules — browse, filter by genre/mood, capsule cards with waveform preview
story-capsules.html
ooki/story-capsules.html
Story Capsules — editorial music stories, canvas hero, category filter tabs
portals.html
ooki/portals.html
Sign-in hub — role-based portal cards, full route table for all 48 pages
investor.html
ooki/investor.html
Investor pitch deck — TAM, traction metrics, team bios, financial projections, CTA
artist-covers.html
ooki/artist-covers.html
Artist-facing cover songs page — catalog browse, artist filter, cover performance stats
capsules.html
ooki/capsules.html
Capsules overview hub — both Sonic and Story capsule types explained
covers.html
ooki/covers.html
Covers catalog — public browse of cover songs with artist filter pills
listener.html
ooki/listener.html
Listener marketing page — features, testimonials, sign-up CTA
artist.html
ooki/artist.html
Artist marketing page — 85% rev share pitch, upload workflow, CTA
developer.html
ooki/developer.html
Developer marketing page — API overview, SDKs, rate limits, sandbox CTA
handoff.html
ooki/handoff.html
Design handoff — full file inventory, status, design tokens, component library
dev-handoff.html
ooki/dev-handoff.html
Technical dev handoff — API wiring, env vars, Stripe setup, deploy checklist
Licensing & Partner Pages ★ New This Sprint
3 files · root levellicensing.html
ooki/licensing.html
Commercial licensing — venue, sync, events, digital, enterprise license types with pricing panels ($79–custom), trust bar (48M streams, 3,200+ artists), 4-step process, full application form & FAQ
cover-license.html
ooki/cover-license.html
Cover song licensing — mechanical ($9.99/500 copies), sync cover ($49/project), album/EP ($24.99/unlimited), live catalog search, 20% multi-song discount, 5-step process, full form & FAQ
partners.html
ooki/partners.html
Partner pitch — built from partner pitch deck PDF. Metrics strip (48M streams, 3,200+ artists), 6 partner-type cards, PRO comparison table, 4 partnership tiers, revenue model, testimonials, full application form
App Pages
10 files · app/artist-dashboard.html
ooki/app/artist-dashboard.html
Artist command center — upload shortcuts, revenue overview, recent releases, quick actions
listener-dashboard.html
ooki/app/listener-dashboard.html
Listener home — recently played, following, capsules, personalized recommendations
app-analytics.html
ooki/app/app-analytics.html
Artist analytics — streams, revenue, geography, demographic breakdown with charts
release-type.html
ooki/app/release-type.html
Release type selector — Single, EP, Album, Sonic Capsule, Story Capsule with artwork previews
release-metadata.html
ooki/app/release-metadata.html
Release metadata form — ISRC, contributors, genre, language, release date, cover art
track-manager.html
ooki/app/track-manager.html
Track manager — reorder, edit individual track metadata, waveform upload, explicit flag
create-capsule.html
ooki/app/create-capsule.html
Create capsule — Sonic/Story capsule builder with track selector, arc editor, thumbnail upload
review-release.html
ooki/app/review-release.html
Review & submit — final checklist, rights confirmation, distribution destinations, submit button
now-playing.html
ooki/app/now-playing.html
Now Playing full-screen — vinyl animation, waveform, lyrics panel, queue, player controls
media-upload.html
ooki/app/media-upload.html
Media upload — drag-drop for audio/video/thumbnail, progress bar, type selector (track/video/film)
Auth Pages
5 files · auth/login.html
ooki/auth/login.html
Unified login — email/password, Google OAuth, role-aware redirect, forgot password link
signup.html
ooki/auth/signup.html
Registration — role param (?role=listener|artist|creator), Google OAuth, TOS acceptance
reset.html
ooki/auth/reset.html
Password reset — email input, token validation, new password form with strength meter
admin-login.html
ooki/auth/admin-login.html
Staff portal login — TOTP 2FA, rate-limit display (5 attempts / 15 min), amber theme
2fa.html
ooki/auth/2fa.html
2FA challenge — 6-digit code input, countdown timer, resend code, backup code option
OMG Radio Pages ★ New This Sprint
2 files · app/ · admin/omg-radio.html
ooki/app/omg-radio.html
Public OMG Radio station — live vinyl visualizer, animated waveform, now-playing card with AI/Catalog badge, transparency panel (Module I), scrollable queue, listener count ticker, 24/7 broadcast UI
omg-radio.html
ooki/admin/omg-radio.html
OMG Radio Admin Control Center — Modules A–G: station power, generation settings, training dataset manager (Ooki-only legal compliance), multi-modal training pipeline with live log, radio context engine, audio/lyrics generation engines, radio schedule queue, AI track registry with release workflow, safety & compliance controls
Admin Pages
7 files · admin/index.html
ooki/admin/index.html
Staff login — email + password + TOTP, 5-attempt rate limit, amber security theme
overview.html
ooki/admin/overview.html
Admin dashboard — KPIs, activity feed, quick actions, system health indicators
users.html
ooki/admin/users.html
User management — 124K users table, search, filter by role, suspend/ban actions, invite
songwriters.html
ooki/admin/songwriters.html
Songwriter credits — 842 registered writers, ISRC codes, PRO affiliation, royalty split
permissions.html
ooki/admin/permissions.html
Roles & permissions — module-level toggles per role (super_admin, admin, content, support, dev)
platform-analytics.html
ooki/admin/platform-analytics.html
Platform analytics — Chart.js charts, streams/revenue/users, 30/90/365-day range selector
merchant.html
ooki/admin/merchant.html
Merchant & store management — artist storefronts, payout queue, product listings, revenue reports
Developer Portal Pages
5 files · developers/index.html
ooki/developers/index.html
Developer portal overview — API intro, getting started, endpoint reference cards
api-keys.html
ooki/developers/api-keys.html
API key management — create, revoke, rotate keys; permission scopes; usage stats
sandbox.html
ooki/developers/sandbox.html
API sandbox — live request builder, response viewer, endpoint dropdown, auth header
webhooks.html
ooki/developers/webhooks.html
Webhook configuration — endpoint registration, event subscriptions, payload examples, retry logic
omg-radio-api.html NEW
ooki/developers/omg-radio-api.html
Full OMG Radio API spec — 47 endpoints across Modules A–I, WebSockets, webhooks, DB schemas, backend checklist for GenSpark
Guides
5 files · guides/index.html
ooki/guides/index.html
Guides hub — cards linking to all four guide types with estimated read times
artist-guide.html
ooki/guides/artist-guide.html
Artist guide — upload workflow, metadata best practices, capsule creation, rev share explained
listener-guide.html
ooki/guides/listener-guide.html
Listener guide — discovery features, playlists, capsule playback, downloads, account settings
developer.html
ooki/guides/developer.html
Developer integration guide — OAuth, REST endpoints, webhook setup, env vars, Stripe wiring
user-guide.html
ooki/guides/user-guide.html
General user guide — account setup, privacy settings, billing, notifications, support
Artist Profile Pages
2 files · artist/kira.html
ooki/artist/kira.html
Artist profile: Kira — discography, capsules, bio, social links, follow button, now-playing CTA
template.html
ooki/artist/template.html
Artist profile template — blank structure for generating new artist pages, all slots clearly labeled
Stylesheets, Scripts & Images
5 files · css/ · js/ · images/ooki-system.css
ooki/css/ooki-system.css
Design system — all CSS variables (colors, type, spacing, radius, shadow, z-index), component classes, dark & light theme tokens, responsive utilities
ooki-shell.js
ooki/js/ooki-shell.js
Shell components — ThemeManager (dark/light toggle + localStorage), initTapToReveal, dropdown handlers, global utilities
ooki-data.js
ooki/js/ooki-data.js
Mock data & seed data — tracks, artists, capsules, albums, users — used by app pages for UI demos
muse-ai.js NEW
ooki/js/muse-ai.js
Muse AI shared module — crimson FAB, sliding chat panel, Music/Goals/Reader tabs, OokiAPI, Mimic Modal, platform detection, ookiPlayTrack bridge (52 KB)
ooki-logo-wordmark.png
ooki/images/ooki-logo-wordmark.png
Horizontal wordmark logo — used in all nav bars and footers
ooki-vinyl-icon.png
ooki/images/ooki-vinyl-icon.png
Vinyl record icon — used as favicon and avatar placeholder across all pages
Dev Handoff Checklist
Before you go live✅ Completed (Frontend)
- All 48 HTML pages built & linked
- Dark / Light mode on all pages
- Responsive layouts (mobile & desktop)
- Design system (ooki-system.css) complete
- Commercial licensing page (licensing.html)
- Cover song license page (cover-license.html)
- Partner pitch page (partners.html)
- Admin merchant page (admin/merchant.html)
- All navigation links cross-verified
- Admin sidebar consistent across all admin pages
- Auth flows (login, signup, 2FA, reset, admin-login)
- Artist profile template + Kira example
⚡ Backend Wiring Needed
- Wire
POST /api/auth/login→ auth/login.html - Wire
POST /api/auth/signup→ auth/signup.html - Wire
POST /api/auth/admin/login→ admin/index.html - Wire
GET /api/tracks→ search.html, store.html - Wire
POST /api/upload→ app/media-upload.html - Wire
POST /api/releases→ app/review-release.html - Load Stripe.js + set PK on store.html & admin/merchant.html
- Set NEXT_PUBLIC_API_URL in env
- Configure AWS Amplify (amplify.yml ready)
- Replace mock data in ooki-data.js with real API calls
- Add Privacy Policy and Terms of Service pages
- Set up CSRF token on all POST forms
Complete File Reference Table
48 pages total| File | Full Path | Description | Size | Status |
|---|---|---|---|---|
index.html | ooki/index.html | Homepage & landing | 35 KB | Live |
artists.html | ooki/artists.html | Artist browse & discovery | 43 KB | Live |
search.html | ooki/search.html | Global search | 53 KB | Live |
store.html | ooki/store.html | Plans, pricing & downloads | 44 KB | Live |
sonic-capsules.html | ooki/sonic-capsules.html | Sonic Capsules browse | 48 KB | Live |
story-capsules.html | ooki/story-capsules.html | Story Capsules browse | 80 KB | Live |
portals.html | ooki/portals.html | Sign-in hub & route table | 19 KB | Live |
investor.html | ooki/investor.html | Investor pitch deck | 21 KB | Live |
licensing.html | ooki/licensing.html | Commercial licensing | 58 KB | ★ New |
cover-license.html | ooki/cover-license.html | Cover song licensing | 42 KB | ★ New |
partners.html | ooki/partners.html | Partner & investor pitch | 52 KB | ★ New |
artist-covers.html | ooki/artist-covers.html | Artist-facing covers page | 31 KB | Live |
capsules.html | ooki/capsules.html | Capsules overview | 52 KB | Live |
covers.html | ooki/covers.html | Covers catalog | 43 KB | Live |
listener.html | ooki/listener.html | Listener marketing page | 25 KB | Live |
artist.html | ooki/artist.html | Artist marketing page | 28 KB | Live |
developer.html | ooki/developer.html | Developer marketing page | 25 KB | Live |
handoff.html | ooki/handoff.html | Design handoff | 115 KB | Live |
dev-handoff.html | ooki/dev-handoff.html | Technical dev handoff | 76 KB | Live |
download.html | ooki/download.html | This page — download hub | — | ★ New |
artist-dashboard.html | ooki/app/artist-dashboard.html | Artist dashboard | 26 KB | Live |
listener-dashboard.html | ooki/app/listener-dashboard.html | Listener dashboard | 18 KB | Live |
app-analytics.html | ooki/app/app-analytics.html | Analytics dashboard | 13 KB | Live |
release-type.html | ooki/app/release-type.html | Release type picker | 18 KB | Live |
release-metadata.html | ooki/app/release-metadata.html | Release metadata form | 25 KB | Live |
track-manager.html | ooki/app/track-manager.html | Track manager | 34 KB | Live |
create-capsule.html | ooki/app/create-capsule.html | Create capsule builder | 33 KB | Live |
review-release.html | ooki/app/review-release.html | Review & submit release | 37 KB | Live |
now-playing.html | ooki/app/now-playing.html | Now Playing full-screen | 37 KB | Live |
media-upload.html | ooki/app/media-upload.html | Media upload | 76 KB | Live |
login.html | ooki/auth/login.html | Unified login | 16 KB | Live |
signup.html | ooki/auth/signup.html | Registration | 17 KB | Live |
reset.html | ooki/auth/reset.html | Password reset | 10 KB | Live |
admin-login.html | ooki/auth/admin-login.html | Staff login (TOTP) | 12 KB | Live |
2fa.html | ooki/auth/2fa.html | 2FA challenge | 18 KB | Live |
index.html | ooki/admin/index.html | Staff login | 8 KB | Live |
overview.html | ooki/admin/overview.html | Admin dashboard | 16 KB | Live |
users.html | ooki/admin/users.html | User management | 15 KB | Live |
songwriters.html | ooki/admin/songwriters.html | Songwriter credits | 16 KB | Live |
permissions.html | ooki/admin/permissions.html | Roles & permissions | 19 KB | Live |
platform-analytics.html | ooki/admin/platform-analytics.html | Platform analytics | 12 KB | Live |
merchant.html | ooki/admin/merchant.html | Merchant management | 41 KB | Live |
index.html | ooki/developers/index.html | Developer portal | 18 KB | Live |
api-keys.html | ooki/developers/api-keys.html | API keys | 15 KB | Live |
sandbox.html | ooki/developers/sandbox.html | API sandbox | 18 KB | Live |
webhooks.html | ooki/developers/webhooks.html | Webhook config | 16 KB | Live |
index.html | ooki/guides/index.html | Guides hub | 10 KB | Live |
artist-guide.html | ooki/guides/artist-guide.html | Artist guide | 34 KB | Live |
listener-guide.html | ooki/guides/listener-guide.html | Listener guide | 40 KB | Live |
developer.html | ooki/guides/developer.html | Developer guide | 50 KB | Live |
user-guide.html | ooki/guides/user-guide.html | User guide | 48 KB | Live |
kira.html | ooki/artist/kira.html | Artist profile: Kira | 15 KB | Live |
template.html | ooki/artist/template.html | Artist profile template | 32 KB | Live |
omg-radio.html | ooki/app/omg-radio.html | OMG Radio public station UI | 37 KB | ★ New |
omg-radio.html | ooki/admin/omg-radio.html | OMG Radio Admin Control Center | 86 KB | ★ New |