Landing page mocks

Static concepts (1–10) and dynamic demos (11–20). Open any mock; use ← → at the bottom or keyboard arrows. All prices/metrics are fake.

Static concepts

  1. 1. Command centerCalm cockpit — glow, grid, live caption.
  2. 2. Before / after the noiseChaos feed vs StocksFin clarity.
  3. 3. Product filmstripNumbered journey import → share.
  4. 4. Demo is the heroBrowser chrome around the share demo.
  5. 5. Twelve stocks is a featureFree cap as discipline.
  6. 6. Honest social proofBuilder story + capability strip.
  7. 7. Micro-momentsPie + F&G link + sticky CTA.
  8. 8. Typography & densityBigger type, 2×2 features.
  9. 9. Path splitPortfolio owners vs learners.
  10. 10. Waitlist reframeWarmer WTP + founding badge.

Dynamic demos

  1. 11. Terminal typewriterCLI-style kicker types and deletes.
  2. 12. Live ticksFake prices flash green/red.
  3. 13. Scroll pieAllocation fills when you scroll to it.
  4. 14. Counter roll-up12 · 3 · 1 count up on view.
  5. 15. Panel flipPortfolio → charts → tips auto-cycle.
  6. 16. Interactive allocationClick core / satellite / cash.
  7. 17. Research hoverHover chips for fake fundamentals.
  8. 18. Scorecard sliderDrag 0–125 → verdict labels.
  9. 19. Import animationCSV lines become portfolio rows.
  10. 20. Hero combo ★Ticks + pie + scorecard together.

Copy-led (your picks)

  1. 21. Be that 10%#9 — 10% grid vs 90% sea of red cells.
  2. 22. One sentence#13 — thesis types on paper; “1 sentence · pass.”
  3. 23. Portfolio vs process#14 — struck-out noise vs process checklist.
  4. 24. Hard to manipulate#17 — mirror + scrolling FOMO behind “YOU.”
  5. 25. Not for everyone#19 — velvet-rope invite card.
  6. 26. Cousin’s tip#28 — group chat → REJECTED stamp.
  7. 27. Depth beats width#36 — shallow grid vs deep bars.
  8. 28. Top decile#37 — 12 hot cards vs pile of noise.

Philosophy (from the guides)

  1. 29. Don't hit the netAvoid losers · cursor-as-ball over the net.
  2. 30. Systems beat talentGraveyard of smart investors without rules.
  3. 31. Constitution vaultUnlock rules before any ticker.
  4. 32. Destroy your ideaClick bear cases until you’ve faced them.
  5. 33. Already in loveSize gates before the heart is allowed to race.

Unexpected / unhinged

  1. 34. Thesisr™Swipe left on tips. Right only on a real thesis.
  2. 35. Departure boardFlights to Brokeville vs Compounding.
  3. 36. Screen Time4h broker · 4m actual 10-Q.
  4. 37. FOMO boss fightPixel RPG — CHECK LIST / YOLO BUY.
  5. 38. Broken oracleVending machine that only sells process.

Refined (fintech / SaaS patterns)

  1. 39. Product calmLinear/Stripe-style: mesh, quiet chrome, one product frame.
  2. 40. Problem storyProblem → why it matters → how StocksFin helps.
  3. 41. Trust fintechNavy/mint stability, badges, conservative tone.
  4. 42. Bento gridApple/Linear modular product tiles.
  5. 43. Single promiseOne headline, one CTA, product below.
  6. 44. Trust full landing#41 style + hero, demo, features, pricing, waitlist (busy).
  7. 45. Trust slim ★#41 calm + real CTAs, 3 cards, one-line pricing — no waitlist/demo card.

Demo experience (separate from landing)

  1. 46. Research share+Today’s single-ticker share, clearer demo chrome.
  2. 47. Sample bookPortfolio-shaped demo: few names, P/L, one tip.
  3. 48. Guided tour3 steps: book → tip → research.
  4. 49. Tip-firstNoise vs written thesis, then fundamentals peek.

Live: ideas.stocksf.in · Landing candidate: #45 · Demo ideas: #46–49 (not wired into #45 yet) · 49 mocks on ← →