Components
← All mockups

CMS demo pages Archive · removed from the collections admin 2026-07-30 · source: emojicopy-cms @ demo-pages-final

The consumer-app demo surfaces and internal design sheets that used to live inside the collections admin, frozen as static captures. Every page comes in light and dark, exactly as it rendered on its last day — frames are scaled previews; Fullscreen opens the real file.

App surfaces

My Emoji

The signed-in home mockup — followed collections in the sidebar, emoji groups in the pane. Was /my-emoji.

cms-demo-pages/my-emoji.html

All Emojis

The full JoyPixels reference grid, grouped by category. Was /all-emojis.

cms-demo-pages/all-emojis.html

Explore — first pass

The original Explore demo: banner, search, and the grid of live collections. Was /preview.

cms-demo-pages/explore-preview.html

Explore — evolved grid

The Explore redesign: featured-card carousel, Team Favorites, category charts, hover cards. Was /evolved.

cms-demo-pages/explore-evolved.html

Explore — evolved list

The same route with the List toggle on: one row per collection — icon, description, trend, followers, emoji count, Follow. The grid capture above froze this toggle off, so this view was missing from the archive.

cms-demo-pages/explore-evolved.list.html

Apps

The consumer marketing mockup for the Chrome extension and native app. Was /apps.

cms-demo-pages/apps.html

Design sheets

Controls bar

Sticky toolbar on the Evolved page. Was /design-sheets/controls-bar.

cms-demo-pages/sheet-controls-bar.html

Chart tabs

Chart Toppers / Rising toggle. Was /design-sheets/chart-tabs.

cms-demo-pages/sheet-chart-tabs.html

Admin header

Tightening the Manage Collections header. Was /design-sheets/admin-header.

cms-demo-pages/sheet-admin-header.html

Admin page

Differentiating the admin surface from Explore. Was /design-sheets/admin-page.

cms-demo-pages/sheet-admin-page.html

Featured Card — Colors

Palettes for the featured cards. Was /design-sheets/featured-card-colors.

cms-demo-pages/sheet-featured-card-colors.html

Featured Card — Redesign

Designer's new solid-fill featured card. Was /design-sheets/featured-card-redesign.

cms-demo-pages/sheet-featured-card-redesign.html

Featured Card — Edit Modal

Separating builder vs custom image in the editor. Was /design-sheets/featured-card-edit-modal.

cms-demo-pages/sheet-featured-card-edit-modal.html

Featured Card — Sizes

How the card behaves as the carousel slot narrows. Was /design-sheets/featured-card-sizes.

cms-demo-pages/sheet-featured-card-sizes.html