← All layouts  ·  Publishing

history Changelog

Versioned releases with change types and dates.

Grouped by release with change type as a badge, so somebody scanning for breaking changes finds them without reading every line.

• .ms-timeline
• .ms-badge
• .ms-btn
• .ms-toolbar
• .ms-footer-section
• .ms-card

Open full page

Live

The layout as it renders, in a frame at its own width. Resize the window to watch it respond — the frame is a real viewport.

How to build it

This is the layout's template, read from disk — the same file the frame above renders, so it cannot drift out of date. Copy it into your own page and replace the content; every class in it ships in mcgowan.css.

<header class="ms-topbar">
    <div class="ms-logo"><a class="u-link" href="#">Ledgerline</a></div>
    <nav class="ms-topbar__nav">
        <a href="#">Product</a><a href="#">Pricing</a><a href="#">Customers</a><a href="#">Docs</a>
    </nav>
    <div class="ms-toolbar">
        <a class="ms-btn ms-btn--ghost ms-btn--sm" href="#">Sign in</a>
        <a class="ms-btn ms-btn--primary ms-btn--sm" href="#">Start free</a>
    </div>
</header>

<div class="u-container u-py-8" style="max-width:820px">
    <h1>Changelog</h1>
    <p>Everything that shipped, newest first. Breaking changes are marked.</p>

    <div class="ms-card">
        <div class="ms-toolbar">
            <h2 style="margin:0">2.8.0</h2>
            <span class="ms-badge ms-badge--primary">Latest</span>
            <span class="ms-toolbar__spacer"></span>
            <span class="ms-stat__meta">22 August 2026</span>
        </div>
        <ul class="ms-timeline u-mt-4">
            <li class="ms-timeline__item"><span class="ms-timeline__marker"></span>
                <div class="ms-timeline__body"><span class="ms-badge ms-badge--danger">Breaking</span>
                    <strong>Webhook payloads now send amounts in minor units.</strong>
                    <p>A payment of &pound;10.00 sends <code>1000</code>, not <code>10.0</code>.</p></div></li>
            <li class="ms-timeline__item"><span class="ms-timeline__marker"></span>
                <div class="ms-timeline__body"><span class="ms-badge ms-badge--success">Added</span>
                    <strong>Bulk reconciliation.</strong>
                    <p>Match up to 500 transactions in one request.</p></div></li>
            <li class="ms-timeline__item"><span class="ms-timeline__marker"></span>
                <div class="ms-timeline__body"><span class="ms-badge">Fixed</span>
                    <strong>VAT rounding on multi-line invoices.</strong></div></li>
        </ul>
    </div>

    <div class="ms-card ms-card--flat">
        <div class="ms-toolbar">
            <h2 style="margin:0">2.7.2</h2>
            <span class="ms-toolbar__spacer"></span>
            <span class="ms-stat__meta">8 August 2026</span>
        </div>
        <ul class="ms-timeline u-mt-4">
            <li class="ms-timeline__item"><span class="ms-timeline__marker"></span>
                <div class="ms-timeline__body"><span class="ms-badge">Fixed</span>
                    <strong>CSV export dropped the final row on Windows.</strong></div></li>
            <li class="ms-timeline__item"><span class="ms-timeline__marker"></span>
                <div class="ms-timeline__body"><span class="ms-badge ms-badge--warning">Deprecated</span>
                    <strong><code>/v1/ledger</code> is deprecated</strong>
                    <p>Use <code>/v1/transactions</code>. Removal no earlier than March 2027.</p></div></li>
        </ul>
    </div>
</div>
<footer class="ms-footer"><div class="ms-footer-inner">
    <div class="ms-footer-section"><strong>Ledgerline</strong><p>Bookkeeping that keeps up.</p></div>
    <div class="ms-footer-section"><strong>Product</strong><p>Features<br>Pricing<br>Integrations</p></div>
    <div class="ms-footer-section"><strong>Company</strong><p>About<br>Careers<br>Contact</p></div>
    <div class="ms-footer-section"><strong>Legal</strong><p>Privacy<br>Terms<br>Security</p></div>
</div></footer>

More publishing layouts