← All layouts  ·  Marketing

hourglass_top Coming soon

Single-purpose page with a countdown and one field.

One field and one button. Every extra control on a page like this costs conversions and buys nothing.

• .ms-stat
• .ms-btn
• .ms-card
• .ms-field
• .ms-form
• .ms-form-help

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.

<div style="min-height:100vh; display:grid; place-items:center; padding:2rem">
    <div style="max-width:520px; text-align:center">
        <div class="ms-logo" style="justify-content:center"><strong>Ledgerline</strong></div>

        <h1 style="font-size:clamp(2rem,5vw,3rem); line-height:1.1; margin:1.5rem 0 0.75rem">
            Something better than a spreadsheet, arriving in October</h1>
        <p style="font-size:1.1rem; color:#6b7280">One field, one button. Everything else on
            a page like this costs sign-ups and buys nothing.</p>

        <div class="ms-card u-mt-6">
            <form class="ms-form">
                <div class="ms-field">
                    <label class="ms-label" for="email">Email</label>
                    <input class="ms-input" id="email" placeholder="you@company.com" type="email">
                </div>
                <button class="ms-btn ms-btn--primary ms-btn--lg u-w-full">Tell me when it opens</button>
                <p class="ms-form-help">One email, when it launches. Nothing else, ever.</p>
            </form>
        </div>

        <div class="ms-stat-row u-mt-6">
            <div class="ms-stat"><span class="ms-stat__label">Waiting</span>
                <span class="ms-stat__value">4,182</span></div>
            <div class="ms-stat"><span class="ms-stat__label">Opens</span>
                <span class="ms-stat__value">Oct</span></div>
        </div>
    </div>
</div>

More marketing layouts