• A whole landing page in your words, numbers and colours, with sections in the order you choose
• Your product as a technical drawing that plots itself, with real dimensions, hatching and numbered callouts
• An anatomy section where the drawing and an index of every item stay pinned, pointing at whatever the reader is reading
• A code or config listing drawn on a frame, with numbered notes on the lines that matter
• Design tokens and written component rules, so new sections look like they were always there
• Three type pairs (Archivo, Hanken Grotesk, IBM Plex) with matching mono
• Phone layouts and a reduced-motion version where everything is drawn and still
• Checks at 390, 768, 1024 and 1440 px for overflow, text size, AA contrast, clipping, focus rings, colliding labels inside drawings and reduced motion
• A 1080p video of the scripted scroll, rendered frame by frame
• Open-source licenses for every part it builds on

A landing page built like a drawing sheet: off-white paper with a hairline grid inside a bordered sheet with zone marks, a title-block header whose sheet counter follows you down the page, mono labels and one signal colour. Your product is drawn as a technical drawing in SVG, written as parts in page.json, and plots itself stroke by stroke when the page opens: outlines, hatching, centre lines, then dimensions and numbered callouts, with a crosshair that reads coordinates under the pointer. Every section heading gets a dimension line that grows from its middle as you scroll and carries a real measure from your product. Then figures that count up on rulers, an anatomy section that pins the drawing beside an index of every item and lights the one you are reading, a config file drawn as a listing with ballooned notes, spec tables, pricing set as drawing sheets with a bill of materials and a revision cloud on the featured one, numbered general notes, a release stamp and a title-block footer. Two hero layouts and free section order, so two pages built with it do not look like a reskin. The colour tokens are derived from three colours and checked for contrast, and the component rules are written down so the page can be extended the same way. Two examples: Wrenfield, a studio monitor, and Gaugeline, a CI latency tool.

Example request

Use Paper Technical Landing to build the page for our desk power supply: draw the front panel and a section in the hero, put the rear connectors in the anatomy, and use our spec sheet and three bundles.