ThemeLab Marketplace Overview
1536 x 1024
ThemeLab visual reference system
Extracted frames, assets, and TypeScript registry.
The supplied ThemeLab screenshots are copied into versioned local assets, cropped into reusable UI frames, and exposed through a generated TypeScript registry plus a static HTML board.
4Sources
47Frames
21Assets
18Data
18Pages
18Hi-res
HTML pages
Standalone extracted screen pages
All Theme Packs
theme-pack-board panel 1 · catalog-grid
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Cinematic Dark
theme-pack-board panel 2 · pack-detail
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Theme Packs
theme-pack-board panel 3 · catalog-page-three
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Theme Packs
theme-pack-board panel 4 · filter-menu-open
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Theme Packs
theme-pack-board panel 5 · sort-price-low-to-high
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Theme Packs
theme-pack-board panel 6 · sort-top-rated
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Theme Packs
theme-pack-board panel 7 · sort-recently-updated
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Theme Packs
theme-pack-board panel 8 · table-view
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
No theme packs found
theme-pack-board panel 9 · empty-results
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
ThemeLab Landing / Overview
themelab-board panel 1 · overview
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
All Packs / Catalog
themelab-board panel 2 · catalog
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Pack Details
themelab-board panel 3 · detail
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
My Installs / Sandbox Installs
themelab-board panel 4 · installs
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Entitlements
themelab-board panel 5 · entitlements
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Checkout Simulator
themelab-board panel 6 · simulator
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Billing Boundary
themelab-board panel 7 · boundary
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Adapter Contracts
themelab-board panel 8 · contracts
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
ThemeLab Settings / Status
themelab-board panel 9 · status
Open high-res extracted HTML page
High-res: UPSCALED_2X_FROM_SOURCE_PANEL_CROP
Source frames
Original screenshot references
Theme Pack Catalog Board
1536 x 1024
ThemeLab Marketplace Flow Board
1536 x 1024
Vaigyaaniq Detail Dark
1536 x 1024
Data frames
Structured catalog and governance data
Marketplace Hero Copy
marketplace-overview · hero-copy
[
{
"title": "ThemeLab Marketplace",
"subtitle": "Install. Preview. Build. Ship.",
"body": "Install Theme Packs, Asset Packs, Route Packs, and Runtime UI Packs into your sandbox. Everything here is local, safe, and review-ready."
}
]Marketplace Metrics
marketplace-overview · metric-set
[
{
"label": "Theme Packs",
"value": 21,
"unit": "available"
},
{
"label": "Assets",
"value": 666,
"unit": "available"
},
{
"label": "Route Families",
"value": 21,
"unit": "available"
},
{
"label": "Sandbox Installs",
"value": 12,
"unit": "active"
}
]Popular Collections
marketplace-overview · collection-cards
[
{
"title": "Cinematic Dark",
"type": "Theme Pack",
"installs": 124
},
{
"title": "Film Scout",
"type": "Theme Pack",
"installs": 98
},
{
"title": "Producer OS",
"type": "Runtime UI Pack",
"installs": 86
},
{
"title": "Iceland Routes",
"type": "Route Pack",
"installs": 73
},
{
"title": "Film Heroes",
"type": "Asset Pack",
"installs": 156
}
]Browse By Type
marketplace-overview · browse-type-cards
[
{
"title": "Theme Packs",
"count": 21,
"description": "Full themes, design systems, and visual bases"
},
{
"title": "Asset Packs",
"count": 666,
"description": "Icons, illustrations, avatars, and design assets"
},
{
"title": "Route Packs",
"count": 21,
"description": "Route data, locations, and scouting collections"
},
{
"title": "Runtime UI Packs",
"count": 12,
"description": "Dashboards, components, and UI modules"
}
]Marketplace Safety Badges
marketplace-overview · safety-badges
[
{
"title": "Sandbox Only",
"description": "Everything runs locally"
},
{
"title": "No Real Payments",
"description": "All checkouts are simulated"
},
{
"title": "Review Safe",
"description": "Built for governance reviews"
},
{
"title": "Audit Ready",
"description": "All actions are logged"
}
]Theme Pack Board Panels
theme-pack-board · board-panel-index
[
{
"panel": 1,
"title": "All Theme Packs",
"state": "catalog-grid",
"route": "/themelab/theme-packs"
},
{
"panel": 2,
"title": "Cinematic Dark",
"state": "pack-detail",
"route": "/themelab/theme-packs/cinematic-dark"
},
{
"panel": 3,
"title": "Theme Packs",
"state": "catalog-page-three"
},
{
"panel": 4,
"title": "Theme Packs",
"state": "filter-menu-open"
},
{
"panel": 5,
"title": "Theme Packs",
"state": "sort-price-low-to-high"
},
{
"panel": 6,
"title": "Theme Packs",
"state": "sort-top-rated"
},
{
"panel": 7,
"title": "Theme Packs",
"state": "sort-recently-updated"
},
{
"panel": 8,
"title": "Theme Packs",
"state": "table-view"
},
{
"panel": 9,
"title": "No theme packs found",
"state": "empty-results"
}
]Visible Theme Pack Cards
theme-pack-board · theme-pack-cards
[
{
"title": "Cinematic Dark",
"category": "Theme Pack",
"price": 14,
"rating": 4.8
},
{
"title": "Minimal Light",
"category": "Theme Pack",
"price": 9,
"rating": 4.7
},
{
"title": "Noir Classic",
"category": "Theme Pack",
"price": 9,
"rating": 4.9
},
{
"title": "Ocean Blue",
"category": "Theme Pack",
"price": 14,
"rating": 4.6
},
{
"title": "Forest Green",
"category": "Theme Pack",
"price": 9,
"rating": 4.8
},
{
"title": "Sunset Orange",
"category": "Theme Pack",
"price": 14,
"rating": 4.7
},
{
"title": "Aurora Purple",
"category": "Theme Pack",
"price": 9,
"rating": 4.9
},
{
"title": "Pastel Dream",
"category": "Theme Pack",
"price": 9,
"rating": 4.6
},
{
"title": "Dark Neon",
"category": "Theme Pack",
"price": 9,
"rating": 4.7
},
{
"title": "Obsidian Pro",
"category": "Theme Pack",
"price": 9,
"rating": 4
}
]Theme Pack Table View
theme-pack-board · theme-pack-table
[
{
"name": "Cinematic Dark",
"category": "Cinematic",
"rating": 4.8,
"installs": "1.2K",
"price": 14,
"updated": "May 30, 2025"
},
{
"name": "Minimal Light",
"category": "Minimal",
"rating": 4.7,
"installs": 856,
"price": 9,
"updated": "May 28, 2025"
},
{
"name": "Noir Classic",
"category": "Dark",
"rating": 4.9,
"installs": 642,
"price": 9,
"updated": "May 26, 2025"
},
{
"name": "Ocean Blue",
"category": "Cinematic",
"rating": 4.6,
"installs": 512,
"price": 14,
"updated": "May 24, 2025"
},
{
"name": "Forest Green",
"category": "Cinematic",
"rating": 4.8,
"installs": 723,
"price": 9,
"updated": "May 22, 2025"
},
{
"name": "Sunset Orange",
"category": "Colorful",
"rating": 4.7,
"installs": 401,
"price": 14,
"updated": "May 20, 2025"
},
{
"name": "Aurora Purple",
"category": "Colorful",
"rating": 4.9,
"installs": 588,
"price": 9,
"updated": "May 18, 2025"
},
{
"name": "Pastel Dream",
"category": "Minimal",
"rating": 4.6,
"installs": 312,
"price": 9,
"updated": "May 16, 2025"
}
]ThemeLab Flow Board Panels
themelab-board · board-panel-index
[
{
"panel": 1,
"title": "ThemeLab Landing / Overview",
"state": "overview"
},
{
"panel": 2,
"title": "All Packs / Catalog",
"state": "catalog"
},
{
"panel": 3,
"title": "Pack Details",
"state": "detail"
},
{
"panel": 4,
"title": "My Installs / Sandbox Installs",
"state": "installs"
},
{
"panel": 5,
"title": "Entitlements",
"state": "entitlements"
},
{
"panel": 6,
"title": "Checkout Simulator",
"state": "simulator"
},
{
"panel": 7,
"title": "Billing Boundary",
"state": "boundary"
},
{
"panel": 8,
"title": "Adapter Contracts",
"state": "contracts"
},
{
"panel": 9,
"title": "ThemeLab Settings / Status",
"state": "status"
}
]Sandbox Installs Table
themelab-board · install-table
[
{
"pack": "Cinematic Dark",
"type": "Theme Pack",
"version": "1.0.0",
"status": "Active"
},
{
"pack": "Producer OS",
"type": "Runtime UI Pack",
"version": "1.0.0",
"status": "Active"
},
{
"pack": "Film Heroes",
"type": "Asset Pack",
"version": "1.0.0",
"status": "Active"
},
{
"pack": "Iceland Routes",
"type": "Route Pack",
"version": "1.0.0",
"status": "Active"
},
{
"pack": "Film Scout",
"type": "Theme Pack",
"version": "1.0.0",
"status": "Active"
}
]Sandbox Entitlements Table
themelab-board · entitlement-table
[
{
"item": "Cinematic Dark",
"type": "Theme Pack",
"grant": "GRANTED_REVIEW",
"source": "Local Checkout",
"status": "Active"
},
{
"item": "Producer OS",
"type": "Runtime UI Pack",
"grant": "GRANTED_REVIEW",
"source": "Local Checkout",
"status": "Active"
},
{
"item": "Film Heroes",
"type": "Asset Pack",
"grant": "GRANTED_REVIEW",
"source": "Local Checkout",
"status": "Active"
},
{
"item": "Iceland Routes",
"type": "Route Pack",
"grant": "GRANTED_REVIEW",
"source": "Local Checkout",
"status": "Active"
},
{
"item": "Ocean Blue",
"type": "Theme Pack",
"grant": "PENDING_REVIEW",
"source": "Simulator",
"status": "Pending"
}
]Billing Boundary Matrix
themelab-board · billing-boundary
[
{
"item": "Real Payment Providers",
"status": "BLOCKED"
},
{
"item": "Provider Secrets",
"status": "BLOCKED"
},
{
"item": "Real Money",
"status": "BLOCKED"
},
{
"item": "Live Webhooks",
"status": "BLOCKED"
},
{
"item": "Purchased Access",
"status": "BLOCKED"
},
{
"item": "Runtime Promotion",
"status": "BLOCKED"
},
{
"item": "Production Readiness Claim",
"status": "BLOCKED"
},
{
"item": "Provider Evaluation",
"status": "ALLOWED"
},
{
"item": "Entitlement Mapping",
"status": "ALLOWED"
},
{
"item": "Order Lifecycle Definition",
"status": "ALLOWED"
},
{
"item": "Sandbox Simulation",
"status": "ALLOWED"
}
]Board frames
Catalog and flow panels
Theme Pack Catalog Board Panel 1
Theme Pack Catalog Board
Theme Pack Catalog Board Panel 2
Theme Pack Catalog Board
Theme Pack Catalog Board Panel 3
Theme Pack Catalog Board
Theme Pack Catalog Board Panel 4
Theme Pack Catalog Board
Theme Pack Catalog Board Panel 5
Theme Pack Catalog Board
Theme Pack Catalog Board Panel 6
Theme Pack Catalog Board
Theme Pack Catalog Board Panel 7
Theme Pack Catalog Board
Theme Pack Catalog Board Panel 8
Theme Pack Catalog Board
Theme Pack Catalog Board Panel 9
Theme Pack Catalog Board
ThemeLab Marketplace Flow Board Panel 1
ThemeLab Marketplace Flow Board
ThemeLab Marketplace Flow Board Panel 2
ThemeLab Marketplace Flow Board
ThemeLab Marketplace Flow Board Panel 3
ThemeLab Marketplace Flow Board
Visual assets
Reusable hero and card slices
Marketplace Hero Lockup
ThemeLab Marketplace Overview
Popular Collection Cards
ThemeLab Marketplace Overview
Browse Type Cards
ThemeLab Marketplace Overview
Sandbox Safety Row
ThemeLab Marketplace Overview
Board Top Row
Theme Pack Catalog Board
Board Middle Row
Theme Pack Catalog Board
Board Bottom Row
Theme Pack Catalog Board
Board Left Column
Theme Pack Catalog Board
Board Center Column
Theme Pack Catalog Board
Board Top Row
ThemeLab Marketplace Flow Board
Board Middle Row
ThemeLab Marketplace Flow Board
Board Bottom Row
ThemeLab Marketplace Flow Board