346 lines
17 KiB
HTML
346 lines
17 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>PorfolioJournal — Calm portfolio journaling for iOS</title>
|
||
<meta name="description" content="PorfolioJournal is a calm, offline-first iOS app for tracking your portfolio with monthly check-ins, reflections, and long-term insights.">
|
||
<link rel="canonical" href="https://portfoliojournal.app/">
|
||
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="PorfolioJournal">
|
||
<meta property="og:description" content="Calm, offline-first portfolio tracking with monthly check-ins and reflections.">
|
||
<meta property="og:url" content="https://portfoliojournal.app/">
|
||
<meta property="og:image" content="https://portfoliojournal.app/assets/images/og-image.svg">
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="PorfolioJournal">
|
||
<meta name="twitter:description" content="Calm, offline-first portfolio tracking with monthly check-ins and reflections.">
|
||
<meta name="twitter:image" content="https://portfoliojournal.app/assets/images/og-image.svg">
|
||
|
||
<link rel="icon" href="assets/icons/favicon.svg" type="image/svg+xml">
|
||
<link rel="apple-touch-icon" href="assets/icons/apple-touch-icon.svg">
|
||
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
<script src="assets/js/config.js"></script>
|
||
<script src="assets/js/main.js" defer></script>
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main">Skip to content</a>
|
||
<header class="nav" role="banner">
|
||
<div class="nav-inner">
|
||
<a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
|
||
<img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
|
||
<span>PorfolioJournal</span>
|
||
</a>
|
||
<nav aria-label="Primary">
|
||
<button class="mobile-menu-toggle" aria-label="Open navigation" aria-expanded="false"></button>
|
||
<div class="nav-links">
|
||
<a class="nav-link" href="index.html">Home</a>
|
||
<a class="nav-link" href="privacy.html">Privacy</a>
|
||
<a class="nav-link" href="terms.html">Terms</a>
|
||
<a class="nav-link" href="support.html">Support</a>
|
||
<a class="nav-link" href="about.html">About</a>
|
||
</div>
|
||
</nav>
|
||
<div class="nav-actions">
|
||
<button class="theme-toggle" aria-label="Toggle theme"></button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="main">
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="hero-content">
|
||
<div class="hero-app-icon" aria-hidden="true">
|
||
<img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
|
||
</div>
|
||
<div class="hero-badge">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<path d="M3 12l2-2 4 4 8-8 4 4"></path>
|
||
</svg>
|
||
Offline-first portfolio journaling
|
||
</div>
|
||
<h1 class="hero-title">Build a calm portfolio habit with <span class="hero-title-gradient">PorfolioJournal</span>.</h1>
|
||
<p class="hero-description">A focused iOS app for monthly portfolio check-ins, reflection notes, and long-term clarity. Stay present, track growth, and build a record of your financial decisions without noise.</p>
|
||
<div class="hero-actions">
|
||
<a class="btn-appstore" href="https://apps.apple.com/app/porfoliojournal/id000000000" aria-label="Download on the App Store">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M16.365 12.586c.03 3.232 2.83 4.307 2.86 4.32-.02.076-.44 1.52-1.45 3.015-.88 1.292-1.79 2.58-3.23 2.607-1.42.027-1.88-.84-3.5-.84-1.62 0-2.13.814-3.47.866-1.39.053-2.45-1.4-3.34-2.687-1.82-2.64-3.21-7.47-1.34-10.73.93-1.62 2.6-2.65 4.41-2.68 1.38-.027 2.68.92 3.5.92.82 0 2.36-1.14 3.98-.97.68.03 2.58.27 3.8 2.04-.1.07-2.27 1.33-2.25 3.84zM13.7 3.55c.74-.9 1.24-2.15 1.1-3.4-1.07.04-2.37.7-3.14 1.6-.69.8-1.29 2.08-1.13 3.3 1.2.09 2.42-.61 3.17-1.5z"/></svg>
|
||
<span class="btn-appstore-text">
|
||
<span>Download on the</span>
|
||
<span>App Store</span>
|
||
</span>
|
||
</a>
|
||
<a class="btn btn-secondary" href="privacy.html">Read Privacy Policy</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section features">
|
||
<div class="container">
|
||
<div class="features-header">
|
||
<h2>Portfolio clarity, without the noise</h2>
|
||
<p>Everything PorfolioJournal does is built around gentle monthly updates and a durable record of your progress.</p>
|
||
</div>
|
||
<div class="features-grid">
|
||
<article class="feature-card">
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 19h16M4 15h10M4 11h16M4 7h10"/></svg>
|
||
</div>
|
||
<h3>Monthly check-ins</h3>
|
||
<p>Log updates once a month with mood, rating, notes, and progress streaks built in.</p>
|
||
</article>
|
||
<article class="feature-card">
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v18M5 12h14"/></svg>
|
||
</div>
|
||
<h3>Sources-based tracking</h3>
|
||
<p>Track sources, snapshots, and category tags to keep allocations readable at a glance.</p>
|
||
</article>
|
||
<article class="feature-card">
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h6l3-7 3 14 3-7h3"/></svg>
|
||
</div>
|
||
<h3>Home dashboard</h3>
|
||
<p>See total value, evolution, category mix, cashflow vs growth, and returns in one view.</p>
|
||
</article>
|
||
<article class="feature-card">
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 21h10M12 17V3"/></svg>
|
||
</div>
|
||
<h3>Goals tracking</h3>
|
||
<p>Set targets with pace status, ETA, and shareable goal cards to stay motivated.</p>
|
||
</article>
|
||
<article class="feature-card">
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16v16H4z"/><path d="M8 8h8v8H8z"/></svg>
|
||
</div>
|
||
<h3>Import & export</h3>
|
||
<p>Move data in or out with CSV/JSON for long-term continuity and peace of mind.</p>
|
||
</article>
|
||
<article class="feature-card">
|
||
<div class="premium-badge">Premium</div>
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
</div>
|
||
<h3>Advanced analytics</h3>
|
||
<p>Allocation, risk/return, drawdown, volatility, cashflow, and 12‑month forecasting.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section screenshots">
|
||
<div class="container">
|
||
<div class="screenshots-header">
|
||
<h2>Designed for calm focus</h2>
|
||
<p>Every screen is built to reduce noise and help you reflect on what matters most.</p>
|
||
</div>
|
||
</div>
|
||
<div class="screenshots-gallery" aria-label="App screenshots">
|
||
<div class="screenshot-item">
|
||
<picture>
|
||
<img class="screenshot-frame" src="assets/images/screenshots/screen-1.svg" alt="Portfolio dashboard placeholder" loading="lazy">
|
||
</picture>
|
||
</div>
|
||
<div class="screenshot-item">
|
||
<picture>
|
||
<img class="screenshot-frame" src="assets/images/screenshots/screen-2.svg" alt="Monthly check-in placeholder" loading="lazy">
|
||
</picture>
|
||
</div>
|
||
<div class="screenshot-item">
|
||
<picture>
|
||
<img class="screenshot-frame" src="assets/images/screenshots/screen-3.svg" alt="Goals tracking placeholder" loading="lazy">
|
||
</picture>
|
||
</div>
|
||
<div class="screenshot-item">
|
||
<picture>
|
||
<img class="screenshot-frame" src="assets/images/screenshots/screen-4.svg" alt="Analytics placeholder" loading="lazy">
|
||
</picture>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section ios-features">
|
||
<div class="container">
|
||
<div class="ios-features-header">
|
||
<h2>Built for iOS, built for privacy</h2>
|
||
<p>PorfolioJournal keeps your data on-device by default, with optional iCloud sync when you choose it.</p>
|
||
</div>
|
||
<div class="ios-features-grid">
|
||
<div class="ios-feature">
|
||
<div class="ios-feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12l2-2 4 4 8-8 4 4"/></svg>
|
||
</div>
|
||
<h4>Offline-first</h4>
|
||
<p>Full portfolio history stays on your device, even when you are off the grid.</p>
|
||
</div>
|
||
<div class="ios-feature">
|
||
<div class="ios-feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5v14"/></svg>
|
||
</div>
|
||
<h4>iCloud sync</h4>
|
||
<p>Opt-in sync keeps data consistent across devices when you enable it.</p>
|
||
</div>
|
||
<div class="ios-feature">
|
||
<div class="ios-feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3l7 4v5c0 5-3 9-7 9s-7-4-7-9V7l7-4z"/></svg>
|
||
</div>
|
||
<h4>Face ID ready</h4>
|
||
<p>Use device-level protections and optional passcode locks for peace of mind.</p>
|
||
</div>
|
||
<div class="ios-feature">
|
||
<div class="ios-feature-icon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16v16H4z"/><path d="M8 8h8v8H8z"/></svg>
|
||
</div>
|
||
<h4>Widgets</h4>
|
||
<p>Track your total value at a glance with iOS widgets.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section testimonials">
|
||
<div class="container">
|
||
<div class="testimonials-header">
|
||
<h2>Trusted by calm investors</h2>
|
||
<p>Replace these with real reviews once you launch.</p>
|
||
</div>
|
||
<div class="testimonials-grid">
|
||
<article class="testimonial-card">
|
||
<div class="testimonial-stars" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
</div>
|
||
<p class="testimonial-text">“Finally, a portfolio app that feels like a journal. The monthly cadence keeps me grounded.”</p>
|
||
<p class="testimonial-author">— Placeholder Investor</p>
|
||
</article>
|
||
<article class="testimonial-card">
|
||
<div class="testimonial-stars" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
</div>
|
||
<p class="testimonial-text">“Offline-first is a game changer. I can keep sensitive notes without worrying about servers.”</p>
|
||
<p class="testimonial-author">— Placeholder Reviewer</p>
|
||
</article>
|
||
<article class="testimonial-card">
|
||
<div class="testimonial-stars" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4 2.5 7-7-4-7 4 2.5-7L2 9h7z"/></svg>
|
||
</div>
|
||
<p class="testimonial-text">“The goals and snapshots make it easy to explain my progress over time.”</p>
|
||
<p class="testimonial-author">— Placeholder Client</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section faq">
|
||
<div class="container">
|
||
<div class="faq-header">
|
||
<h2>Questions, answered</h2>
|
||
<p>Clear answers for iOS users who care about privacy and long-term tracking.</p>
|
||
</div>
|
||
<div class="faq-list">
|
||
<div class="faq-item">
|
||
<button class="faq-question" aria-expanded="false">Does PorfolioJournal work offline?</button>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-inner">Yes. All portfolio data and journal entries are stored locally by default, so you can update anywhere.</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-question" aria-expanded="false">Is iCloud sync required?</button>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-inner">No. iCloud is optional. Enable it only if you want to sync across devices.</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-question" aria-expanded="false">Can I export my data?</button>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-inner">Yes. Export CSV or JSON anytime for backup or migration.</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-question" aria-expanded="false">Do you track me?</button>
|
||
<div class="faq-answer">
|
||
<div class="faq-answer-inner">No analytics or tracking is enabled by default. If analytics are added later, you will be notified.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section cta">
|
||
<div class="container">
|
||
<div class="cta-content">
|
||
<h2>Start your calm portfolio habit</h2>
|
||
<p>Download PorfolioJournal and build a record of your investing journey that you will actually want to revisit.</p>
|
||
<div class="cta-actions">
|
||
<a class="btn btn-primary btn-lg" href="https://apps.apple.com/app/porfoliojournal/id000000000">Download on the App Store</a>
|
||
<a class="btn btn-secondary btn-lg" href="support.html">Contact Support</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div class="footer-brand">
|
||
<div class="footer-logo">
|
||
<img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
|
||
<span>PorfolioJournal</span>
|
||
</div>
|
||
<p>Calm, offline-first portfolio journaling for iOS.</p>
|
||
</div>
|
||
<div class="footer-column">
|
||
<h5>Product</h5>
|
||
<div class="footer-links">
|
||
<a class="footer-link" href="index.html">Overview</a>
|
||
<a class="footer-link" href="about.html">About</a>
|
||
<a class="footer-link" href="changelog.html">Changelog</a>
|
||
<a class="footer-link" href="status.html">Status</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer-column">
|
||
<h5>Support</h5>
|
||
<div class="footer-links">
|
||
<a class="footer-link" href="support.html">Support</a>
|
||
<a class="footer-link" href="security.html">Security</a>
|
||
<a class="footer-link" href="delete-data.html">Delete Data</a>
|
||
<a class="footer-link" href="press-kit.html">Press Kit</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer-column">
|
||
<h5>Legal</h5>
|
||
<div class="footer-links">
|
||
<a class="footer-link" href="privacy.html">Privacy Policy</a>
|
||
<a class="footer-link" href="terms.html">Terms</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="footer-copyright">© <span data-year></span> PorfolioJournal. All rights reserved.</div>
|
||
<div class="footer-legal">
|
||
<a href="privacy.html">Privacy</a>
|
||
<a href="terms.html">Terms</a>
|
||
<a href="support.html">Support</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|