
Indigo Ledger Landingv1.0.3
Use this Skill to build website page.
Build a calm, launch-ready product site where one statement does the selling: warm off-white paper, a large headline with a deep-indigo clause, a handwritten logotype, numbered ledger sections, square corners and one near-black pricing curtain. Working product moments, pricing, forms and inner pages come in one self-contained file that opens in any browser and works offline.
Picked most often by
Updated Oct 3, 2026
Preview gallery
Runs in
Generates with
Similar Skills
View all skillsWhat you get
- One self-contained website file that opens in any browser and works offline, with fonts and images built in; built in your own stack when you have a project.
- Working product moments that update the hero ledger, a pricing curtain with billing switch and usage estimator, and validated sign-up and sign-in forms.
- Inner pages for a changelog with filters and search, a docs quickstart, a customer story, security, privacy, terms and a not-found page.
Good fit
- Indie developers and small teams launching a developer tool or B2B product with one sharp claim.
- Agencies and services that can list clients, scope and fees in the hero table and sell packages in the curtain.
- Founders running a waitlist who want one founding plan and a sign-up form on a quiet page.
Not for
- Real accounts, payments or form delivery; sign-up and sign-in show honest demo results only.
- Playful consumer brands that want colour, gradients or rounded shapes; the style is square and restrained.
- Building the app itself; this Skill makes the product site, not dashboards or admin views.
About this Skill

Indigo Ledger Landing builds a calm, launch-ready product site where one statement does the selling: a warm off-white page, a large tight headline with a deep-indigo clause, slash-prefixed uppercase navigation around a handwritten logotype, numbered ledger sections, square corners and a single near-black pricing curtain. The example is Penrule, a fictional usage-metering and billing ledger for indie SaaS.

What you get
- One self-contained website file that opens in any browser and works offline, with fonts and images built in. If you already have a project, the same page is built in your own stack instead.
- Product moments visitors can use: add a missing price rule, approve or hold a draft invoice, and watch the hero ledger update to match.
- Numbered sections for how it works, a feature bento, a customer story with figures, quotes, a comparison table, security, FAQ, team and sign-up.
- The near-black pricing curtain with a monthly and yearly switch and a usage estimator that recommends a plan.
- Inner pages for a changelog with filters and search, a docs quickstart, a customer story, security, sign-in, privacy, terms and a not-found page, with validated forms throughout.

How to use it
- Share your product name, the one sharp claim, how it works in three steps, your plans and prices, and any customer quotes or numbers you may use. Missing copy is drafted as plausible placeholders and listed for you to confirm.
- Tell the agent what your hero table should list, such as customers, clients or orders, and whether to keep the estimator for your price model. Photos are generated in one north-light style, or the photo slots are dropped.
- Open every section and inner page on desktop and phone, try the moments, pricing and forms, and ask for changes.

Type is set in Instrument Sans, Outfit, Caveat and Geist Mono, embedded in the file. Photos come from your agent's own image tool and may carry its usage charges; without one the page runs on typography and product screens alone.
What you need before you start
- You bring
- Product name, the one sharp claim and how it works in three steps · Plans with real prices and limits, and the records your hero table should show · Customer quotes and numbers you may use, or permission to draft placeholders for you to confirm
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent for portraits and still lifes (optional; photo slots are dropped without one)
- Outside costs
- Portraits, the team photo and still lifes are generated with your agent's own image tool, which may charge for usage. Without one, the photo slots are dropped and the page relies on typography and product screens. Viewing the example costs nothing.
- Last tested
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…









