DESIGN MOCKUP · not the live portal, nothing here is a real member surface · built 2026-07-17 for team review · what is real vs approximate
Members / About this mockup

What is real, what is approximate

So nobody reviews the wrong thing.

Real, exactly as it will be pasted

  • The Today check-in tile, the two-door next-step block, and the Work-life Coaching storefront. This page set is GENERATED from those kit files, so what you see is the markup that goes into Kartra.
  • The games. Every game and the arcade hub load live from play.igrow.co. They are the real product, not screenshots.
  • The information architecture: six tabs, what sits under each, and the copy.
  • The sidebar banner artwork.

Approximate, will differ in the real portal

  • The chrome: the top bar, the tab strip, fonts, spacing, and the page background are our approximation of the Kartra membership template, built from the brand tokens. Kartra renders its own template around these blocks.
  • Article and class lists are placeholders showing structure, not the real 108-article library.
  • Assessment tools are not embedded here; those pages show only what changes, which is the next-step block at the end.
  • Attribution: in the real portal each embed reads the logged-in member id. Here there is no Kartra member, so the games load unattributed, which is correct behaviour.

Not decided yet

  • The four Journeys await psychologist sign-off. Names, promise lines, and reading orders are proposals.
  • The coaching price label (shown as US$250) awaits Ben's currency ruling.
  • Podcast placement: a subcategory under Learn, or top-level. Kartra forces every post into a subcategory once a category has one.
  • Perks stays hidden until a Dive client instance exists.