KQ-393 · BLUEPRINT/LENS

Blueprint Lens

A lens that turns the interface into a cyanotype blueprint: a Prussian-blue ground with the page's edges drawn as fine white lines, a drafting grid behind, and dimension ticks along the rim. Inside the circle the page is a drawing of itself; outside it is the page.

KQ-393 · BLUEPRINT/LENS

Waylight · berth plan

Three berths, drafted for the day crew.

Run the loupe over the plan and the surface reads back as a blueprint — every heading and rule traced in paper on blue, the table underneath still the real one.

BerthVesselETAState
B1Fathom05:40cleared
B5Gannet06:15inbound
B3Wherry06:50holding
05:40 · tide 3.1 m

drafted, not printed

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/blueprint-lens

Props

PropTypeDefaultDescription
radius / softnessnumberLens radius in CSS px and the feather of its edge.
grid / lineWeightnumber · numberDrafting grid pitch in px, and the line weight.
blue / paperstring · stringThe ground colour and the line colour.