course-setup

Choose a design from the example images, and course-setup develops learner pages for your brand and courses based on that direction.

Choose a design from images

Browse the desktop and mobile screens in the real example gallery. Select an image to inspect the home, course list and course detail screens. Save the screens you like, or your own reference images, in a references/ folder in your project, and tell your agent what you like about their layout, spacing, typography or colors.

Start with course-setup. I saved the Money Routine screens in references/. I like its clear course cards and calm green tones. Build the home, course list and course detail pages for my brand and courses.

Develop the chosen design

course-setup uses the references to design the existing learner pages: home, course list, course detail, checkout, the lesson player and my courses. It applies your brand while retaining the existing enrollment, payment and progress features. The references guide composition and style; their logos, photos and course content are not copied.

Review and refine the developed screens in Storybook and desktop/mobile previews.