Layout
Composition principles
Use a responsive section structure, clear visual hierarchy, stable media proportions, and consistent spacing across mobile and desktop.
Material 3 / Published Template
Yoga Coach
A two-state yoga coaching experience that moves from an immersive welcome screen into a focused guided-practice view.
Classification
Categories
Styles
Industries
Technologies
Checking Prompt access...
Interaction
Behavior and access
Keep motion smooth and purposeful, preserve readable contrast and focus states, and avoid layout shifts while animated media loads.
Implementation
Engineering boundaries
React, TypeScript, Tailwind CSS, responsive WebP media, and accessible interaction states.
Continue reading
Related templates
Velorah Focus
An editorial social-media showcase that frames campaign content with clear hierarchy, restrained controls, and polished presentation.
Routine Coach
A supportive daily-routines landing page that presents consistent habits, practical benefits, and an encouraging path to getting started.
AI Workflow Hero
A cinematic LinkFlow hero that turns AI-driven workflow automation into an approachable story of connected signals, teams, and action.