Essentials

Ledger Pricing

A pricing block built like a printed invoice: aligned rules, tabular figures, and the recommended tier separated by contrast rather than a coloured badge.

Difficulty: Standard
Credits saved: ~110
Access: Free

Technique

CSS subgrid so every feature row aligns perfectly across both columns regardless of copy length. Hover raises the surface 1px and warms the border.

Choreography spec

none — hover and entrance only

on enterrows reveal top-down, 40ms stagger
hoversurface lifts 1px, border warms toward the signal

Reversibility

Entrance is one-shot, hover is symmetrical.

Reduced motion

Rows rendered in place, hover reduced to a border change.

ledger-pricing.prompt

Build a "ledger-pricing" section for my landing page.

TECHNIQUE
CSS subgrid so every feature row aligns perfectly across both columns regardless of copy length. Hover raises the surface 1px and warms the border.

SPEC
██████████████████████████████████████████████
██████████████████████████████████████
████████████████████████████████████████████████████

RULES
████████████████████████████████████████████
██████████████████████████████████████████████████

Full prompt copies straight to your clipboard.

Ledger pricing

Two lines on one ledger.

Line item

Visitor

£0

Lifetime

£36

Free set pieces4All of them

Choreography specsPreviewFull

Future set piecesWatch onlyForever

Copy-ready promptsFree tiersEverything

Renewal—Never