Screen index

A static HTML/CSS prototype of the Metaphi front end — mobile-first, in the Hillvine visual system with the five-element themes. Everything is mocked; nothing is wired to a backend. Best viewed at phone width.

Two clickable flows — A (funnel): Landing → Hook → (Share ⟲) → Sign-up → Chat. B (the app): Chat ↔ Forecast ↔ Charts (people & groups) · Social.

The funnel 01Landing = captureInput-as-landing · 4 fields, no name 02The HookStacked two-lens read · ungated · shareable 03Hook — flip variantA/B: the same read as flippable cards 04Share readPublic page · birth date only · preview-image mock 05Sign-upOAuth + name (email fallback) · near-instant The app — 4 tabs, chat-first 06ChatTab 1 & default landing · onboarding-opener + multi-chat 07ForecastDay / Month / Year · free lite, paid detail 08ChartsMy Chart · All Others · + New Group 09SocialMatch by compatibility · consent-first · preview 10SettingsTone · birth details · element themes · subscription 11Plans / paywallPer-tab tiers · referral: share = earn

Tap ◐ for light/dark. The element theme (all five) is picked in Settings → Appearance and persists across screens.