Direction A, built out: the studio desk. Paper is white, the desk is putty grey, red only ever means act. The hero is the product's own trick: type a name and the certificate sets it.
Mockups · eight frames
Direction A built out across six frames, then two low-fi alternates. Each frame is the real HTML, scaled to fit this page; open any one at full size. The interactive canvas with the same frames is here (about three megabytes; read-only outside the editor).
Direction A, built out: the studio desk. Paper is white, the desk is putty grey, red only ever means act. The hero is the product's own trick: type a name and the certificate sets it.
The page that ranks. The live sheet with its theme chips on the left, the two calls to action with the price stated on the right, what you get, how to print it, the questions, the drawer.
The form on the left, the proof on the right. Every field carries its limit; the buy button sits in the bar with the copy deck's one sentence under it.
The one behaviour no competitor has: a client name too long for the line, the warning under the field, and the button waiting until it fits.
Ready. Two sizes, the order number, the same words the email uses.
Six hundred pixels, the same two buttons, the same order number, one line of print advice.
Low-fi alternate: an ink-black desk, one warm lamp. Drawn so the choice can be made by looking; DESIGN.md argues against it.
Low-fi alternate: cream card stock, deep red ink, wood type. Warmer, craftier, and the least ownable of the three.