Markdown-based Landing Pages
A landing page — hero, pitch, call to action — from a markdown file, using the HTML-in-markdown superpower. Yes, really.
Markdown-based Landing Pages
A landing page is the most design-heavy page most people ever need: a hero, a pitch, maybe a signup. Surely this is where markdown taps out and you need a website builder?
No. And this page is the demo of why. A landing page is 90% content (headline, pitch, proof, call to action) and 10% layout. Markdown handles the 90%; inline HTML handles the 10%, right in the same file:
One sentence that says what this is and why the visitor should care. Below it, the one thing you want them to do.
The call to action →That hero is a <div> in this markdown file. With Tailwind available (Flowershow supports it) you can go considerably fancier (columns, gradients, the lot), and AI writes this HTML happily if you describe what you want.
The anatomy, in markdown terms
- Hero — HTML block (above)
- The pitch — plain markdown: short paragraphs, bold where it counts
- Proof — a features list, logos, a quote as a blockquote
- Call to action again — people scroll; ask twice
- Signup — Flowershow supports form embeds; or link out to your form of choice
One file. Versioned, editable anywhere, no site-builder subscription, and when you outgrow one page you're already building a website.
The 2023 mind-map that seeded this site listed "I want to put a landing page on the web" as one of the five things people actually come wanting. It took us until now to write the page. Sorry, past selves. See also the single-document version for the even simpler cousin.
