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

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 level
index.html
ooki/index.html
HTML
Homepage — hero, stats, features grid, artist spotlight, CTA, full footer
artists.html
ooki/artists.html
HTML
Artist browse — filter by genre/mood, search, verified artist cards, pagination
search.html
ooki/search.html
HTML
Global search — tracks, artists, capsules, albums with filter tabs
store.html
ooki/store.html
HTML
Plans, pricing & download store — subscription tiers, billing toggle, download catalog
sonic-capsules.html
ooki/sonic-capsules.html
HTML
Sonic Capsules — browse, filter by genre/mood, capsule cards with waveform preview
story-capsules.html
ooki/story-capsules.html
HTML
Story Capsules — editorial music stories, canvas hero, category filter tabs
portals.html
ooki/portals.html
HTML
Sign-in hub — role-based portal cards, full route table for all 48 pages
investor.html
ooki/investor.html
HTML
Investor pitch deck — TAM, traction metrics, team bios, financial projections, CTA
artist-covers.html
ooki/artist-covers.html
HTML
Artist-facing cover songs page — catalog browse, artist filter, cover performance stats
capsules.html
ooki/capsules.html
HTML
Capsules overview hub — both Sonic and Story capsule types explained
covers.html
ooki/covers.html
HTML
Covers catalog — public browse of cover songs with artist filter pills
listener.html
ooki/listener.html
HTML
Listener marketing page — features, testimonials, sign-up CTA
artist.html
ooki/artist.html
HTML
Artist marketing page — 85% rev share pitch, upload workflow, CTA
developer.html
ooki/developer.html
HTML
Developer marketing page — API overview, SDKs, rate limits, sandbox CTA
handoff.html
ooki/handoff.html
HTML
Design handoff — full file inventory, status, design tokens, component library
dev-handoff.html
ooki/dev-handoff.html
HTML
Technical dev handoff — API wiring, env vars, Stripe setup, deploy checklist

Licensing & Partner Pages ★ New This Sprint

3 files · root level
licensing.html
ooki/licensing.html
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
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
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
HTML
Artist command center — upload shortcuts, revenue overview, recent releases, quick actions
listener-dashboard.html
ooki/app/listener-dashboard.html
HTML
Listener home — recently played, following, capsules, personalized recommendations
app-analytics.html
ooki/app/app-analytics.html
HTML
Artist analytics — streams, revenue, geography, demographic breakdown with charts
release-type.html
ooki/app/release-type.html
HTML
Release type selector — Single, EP, Album, Sonic Capsule, Story Capsule with artwork previews
release-metadata.html
ooki/app/release-metadata.html
HTML
Release metadata form — ISRC, contributors, genre, language, release date, cover art
track-manager.html
ooki/app/track-manager.html
HTML
Track manager — reorder, edit individual track metadata, waveform upload, explicit flag
create-capsule.html
ooki/app/create-capsule.html
HTML
Create capsule — Sonic/Story capsule builder with track selector, arc editor, thumbnail upload
review-release.html
ooki/app/review-release.html
HTML
Review & submit — final checklist, rights confirmation, distribution destinations, submit button
now-playing.html
ooki/app/now-playing.html
HTML
Now Playing full-screen — vinyl animation, waveform, lyrics panel, queue, player controls
media-upload.html
ooki/app/media-upload.html
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
HTML
Unified login — email/password, Google OAuth, role-aware redirect, forgot password link
signup.html
ooki/auth/signup.html
HTML
Registration — role param (?role=listener|artist|creator), Google OAuth, TOS acceptance
reset.html
ooki/auth/reset.html
HTML
Password reset — email input, token validation, new password form with strength meter
admin-login.html
ooki/auth/admin-login.html
HTML
Staff portal login — TOTP 2FA, rate-limit display (5 attempts / 15 min), amber theme
2fa.html
ooki/auth/2fa.html
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
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
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
HTML
Staff login — email + password + TOTP, 5-attempt rate limit, amber security theme
overview.html
ooki/admin/overview.html
HTML
Admin dashboard — KPIs, activity feed, quick actions, system health indicators
users.html
ooki/admin/users.html
HTML
User management — 124K users table, search, filter by role, suspend/ban actions, invite
songwriters.html
ooki/admin/songwriters.html
HTML
Songwriter credits — 842 registered writers, ISRC codes, PRO affiliation, royalty split
permissions.html
ooki/admin/permissions.html
HTML
Roles & permissions — module-level toggles per role (super_admin, admin, content, support, dev)
platform-analytics.html
ooki/admin/platform-analytics.html
HTML
Platform analytics — Chart.js charts, streams/revenue/users, 30/90/365-day range selector
merchant.html
ooki/admin/merchant.html
HTML
Merchant & store management — artist storefronts, payout queue, product listings, revenue reports

Developer Portal Pages

5 files · developers/
index.html
ooki/developers/index.html
HTML
Developer portal overview — API intro, getting started, endpoint reference cards
api-keys.html
ooki/developers/api-keys.html
HTML
API key management — create, revoke, rotate keys; permission scopes; usage stats
sandbox.html
ooki/developers/sandbox.html
HTML
API sandbox — live request builder, response viewer, endpoint dropdown, auth header
webhooks.html
ooki/developers/webhooks.html
HTML
Webhook configuration — endpoint registration, event subscriptions, payload examples, retry logic
omg-radio-api.html NEW
ooki/developers/omg-radio-api.html
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
HTML
Guides hub — cards linking to all four guide types with estimated read times
artist-guide.html
ooki/guides/artist-guide.html
HTML
Artist guide — upload workflow, metadata best practices, capsule creation, rev share explained
listener-guide.html
ooki/guides/listener-guide.html
HTML
Listener guide — discovery features, playlists, capsule playback, downloads, account settings
developer.html
ooki/guides/developer.html
HTML
Developer integration guide — OAuth, REST endpoints, webhook setup, env vars, Stripe wiring
user-guide.html
ooki/guides/user-guide.html
HTML
General user guide — account setup, privacy settings, billing, notifications, support

Artist Profile Pages

2 files · artist/
kira.html
ooki/artist/kira.html
HTML
Artist profile: Kira — discography, capsules, bio, social links, follow button, now-playing CTA
template.html
ooki/artist/template.html
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
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
JS
Shell components — ThemeManager (dark/light toggle + localStorage), initTapToReveal, dropdown handlers, global utilities
ooki-data.js
ooki/js/ooki-data.js
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
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
PNG
Horizontal wordmark logo — used in all nav bars and footers
ooki-vinyl-icon.png
ooki/images/ooki-vinyl-icon.png
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.htmlooki/index.htmlHomepage & landing35 KBLive
artists.htmlooki/artists.htmlArtist browse & discovery43 KBLive
search.htmlooki/search.htmlGlobal search53 KBLive
store.htmlooki/store.htmlPlans, pricing & downloads44 KBLive
sonic-capsules.htmlooki/sonic-capsules.htmlSonic Capsules browse48 KBLive
story-capsules.htmlooki/story-capsules.htmlStory Capsules browse80 KBLive
portals.htmlooki/portals.htmlSign-in hub & route table19 KBLive
investor.htmlooki/investor.htmlInvestor pitch deck21 KBLive
licensing.htmlooki/licensing.htmlCommercial licensing58 KB★ New
cover-license.htmlooki/cover-license.htmlCover song licensing42 KB★ New
partners.htmlooki/partners.htmlPartner & investor pitch52 KB★ New
artist-covers.htmlooki/artist-covers.htmlArtist-facing covers page31 KBLive
capsules.htmlooki/capsules.htmlCapsules overview52 KBLive
covers.htmlooki/covers.htmlCovers catalog43 KBLive
listener.htmlooki/listener.htmlListener marketing page25 KBLive
artist.htmlooki/artist.htmlArtist marketing page28 KBLive
developer.htmlooki/developer.htmlDeveloper marketing page25 KBLive
handoff.htmlooki/handoff.htmlDesign handoff115 KBLive
dev-handoff.htmlooki/dev-handoff.htmlTechnical dev handoff76 KBLive
download.htmlooki/download.htmlThis page — download hub—★ New
artist-dashboard.htmlooki/app/artist-dashboard.htmlArtist dashboard26 KBLive
listener-dashboard.htmlooki/app/listener-dashboard.htmlListener dashboard18 KBLive
app-analytics.htmlooki/app/app-analytics.htmlAnalytics dashboard13 KBLive
release-type.htmlooki/app/release-type.htmlRelease type picker18 KBLive
release-metadata.htmlooki/app/release-metadata.htmlRelease metadata form25 KBLive
track-manager.htmlooki/app/track-manager.htmlTrack manager34 KBLive
create-capsule.htmlooki/app/create-capsule.htmlCreate capsule builder33 KBLive
review-release.htmlooki/app/review-release.htmlReview & submit release37 KBLive
now-playing.htmlooki/app/now-playing.htmlNow Playing full-screen37 KBLive
media-upload.htmlooki/app/media-upload.htmlMedia upload76 KBLive
login.htmlooki/auth/login.htmlUnified login16 KBLive
signup.htmlooki/auth/signup.htmlRegistration17 KBLive
reset.htmlooki/auth/reset.htmlPassword reset10 KBLive
admin-login.htmlooki/auth/admin-login.htmlStaff login (TOTP)12 KBLive
2fa.htmlooki/auth/2fa.html2FA challenge18 KBLive
index.htmlooki/admin/index.htmlStaff login8 KBLive
overview.htmlooki/admin/overview.htmlAdmin dashboard16 KBLive
users.htmlooki/admin/users.htmlUser management15 KBLive
songwriters.htmlooki/admin/songwriters.htmlSongwriter credits16 KBLive
permissions.htmlooki/admin/permissions.htmlRoles & permissions19 KBLive
platform-analytics.htmlooki/admin/platform-analytics.htmlPlatform analytics12 KBLive
merchant.htmlooki/admin/merchant.htmlMerchant management41 KBLive
index.htmlooki/developers/index.htmlDeveloper portal18 KBLive
api-keys.htmlooki/developers/api-keys.htmlAPI keys15 KBLive
sandbox.htmlooki/developers/sandbox.htmlAPI sandbox18 KBLive
webhooks.htmlooki/developers/webhooks.htmlWebhook config16 KBLive
index.htmlooki/guides/index.htmlGuides hub10 KBLive
artist-guide.htmlooki/guides/artist-guide.htmlArtist guide34 KBLive
listener-guide.htmlooki/guides/listener-guide.htmlListener guide40 KBLive
developer.htmlooki/guides/developer.htmlDeveloper guide50 KBLive
user-guide.htmlooki/guides/user-guide.htmlUser guide48 KBLive
kira.htmlooki/artist/kira.htmlArtist profile: Kira15 KBLive
template.htmlooki/artist/template.htmlArtist profile template32 KBLive
omg-radio.htmlooki/app/omg-radio.htmlOMG Radio public station UI37 KB★ New
omg-radio.htmlooki/admin/omg-radio.htmlOMG Radio Admin Control Center86 KB★ New