A DIY investor's notebook 2026-11-12T00:00:00Z https://unseencolors.com/ Mohammed Taher 2026-11-12T00:00:00Z https://unseencolors.com/notebook/posts/placeholder/ <div class="callout"><p><strong>Temporary post.</strong> Delete this file (<code>src/posts/placeholder.md</code>) when the first real post is ready.</p></div> <p>This is the opening paragraph of a post. It sets the type size, the line length and the colour of the text, so you can judge whether it reads well on a phone and on a laptop.</p> <h2>A second-level heading</h2> <p>Headings use a serif, body text uses a clean sans, and the gold shows up only where something deserves a second look. Links look <a href="https://unseencolors.com/about/">like this</a>, and lists look like this:</p> <ul> <li>The first point, kept short.</li> <li>The second point, a little longer so you can see how a line wraps when it has to.</li> <li>The third point.</li> </ul> <blockquote> <p>A pull quote or a line worth repeating sits here, set in the serif with a thin gold rule.</p> </blockquote> <h2>Charts are native</h2> <p>Every chart is built from HTML, CSS and SVG. Nothing is an image, so the text stays sharp and it resizes on any screen.</p> <figure class="chart split"><figcaption class="chart-head"><h3>How the new plan is split</h3><p>Three quarters in Safety, one quarter in the more aggressive core.</p></figcaption><div class="segs"><div class="seg" style="flex:75;background:#1d2433;color:#fff"><strong>75%</strong><span>Safety: broad index funds</span></div><div class="seg" style="flex:25;background:#e0622a;color:#fff"><strong>25%</strong><span>New Game Plus</span></div></div></figure> <h2>Back to normal text</h2> <p>Posts can mix long stretches of writing with charts like the one above and the growth chart on the About page. Categories, the archive and the RSS feed are generated from the front matter at the top of each post file.</p>