JoyOS Lab Design Review
Internal Only

Revamp Mockups — 2026

Exploring the next shape of the Lab

Entry experience and marketplace directions. All internal — not for distribution.

Best on desktop (hover) · Concept 1 has a mobile swipe mode · Concept 6 is the current lead

5 concepts

The chosen conceptual frame: Build is Yang — fire, light, gold sun — on the left. Learn is Yin — water, teal ripples, depth — on the right. The center divider is a two-tone yin/yang symbol, the point of balance between action and receptivity.

Concept 1
Gilded Bloom

Gold petal unfurl on the Build side, soft teal on Learn. Desktop hover + mobile swipe. The reference implementation for the Yin/Yang split — organic, premium, tactile.

Open concept
Concept 7
Tide & Flame

Animated flame on the Build half, slow tide wash on Learn. High contrast elemental energy — fire meets water, the most visceral expression of the yang/yin split.

Open concept
Concept 8
Still & Spark

Mirror-calm water on the Learn side, electric spark on Build — stillness and ignition rendered as one. The quietest, most meditative of the elemental pair.

Open concept
Concept 9
Elemental Orbit

Orbiting particles split into gold and teal hemispheres; the boundary pulses like a living yin/yang. Choice made by leaning into the orbit that calls you.

Open concept

1 concept

Not an entry chooser — a pure brand object. The taijitu (yin/yang) and the joyOS monogram as two faces of the same coin, flipping edge-on like a tossed coin. The mark itself as the moment of balance between Build and Learn.

Concept 10
The Coin — taijitu ⇆ joyOS monogram

A spinning brand mark: the taijitu on one face, the joyOS monogram on the other, flipping like a tossed coin. Build and Learn as two sides of one balanced whole — a standalone identity piece, not an entry fork.

Open concept

4 concepts
Concept 2
Constellation

Star-field entrance — animated points of light converge into the JoyOS mark. Cool, expansive, cosmic energy that rewards a moment of stillness before choosing your path.

Open concept
Concept 3
Embossed Breath

Slow breathing pulse on a sculpted, embossed paper-texture background. Grounding, meditative, tactile. Invites the visitor to arrive fully before they choose.

Open concept
Concept 4
Threshold

A literal threshold moment — two doors (Build / Learn) rendered as architectural panels that slide apart on hover. Dramatic, intentional, and spatially clear about the fork.

Open concept
Concept 5
Magnetic Split

Two halves pulled apart by magnetic force as the cursor approaches. The tension between inner-world and outer-world is made physical — choose by leaning in.

Open concept

3 strategy mockups
Direction 01
Storefront

Marketplace-first layout (MindValley / Carrie Green energy) — dark hero, sticky Joy Drain filter bar, asymmetric product grid with dual member/full pricing, four-dimension browse, and Catalyst seller composer panel.

Open mockup
Direction 02
Build Journey

Member dashboard that makes building and selling the gravitational center — Experiment → Insight → Product → Listing → Sales pipeline above the fold, with EPIC scores, archetype, and marketplace radiating from that spine.

Open mockup
Direction 03
Creator Economy

Eight interconnected screens showing the full two-sided marketplace loop: buyer browse, seller dashboard with KPIs, Become-a-Seller funnel, AI listing composer, seller archetype profile, and monthly masterclass calendar.

Open mockup