mhj.digital

ALT A browser window showing Concentric. Two rounded cards, each with a photograph of a sunlit mountain peak inside, sit side by side. On the left both corners use the same radius and the corner gap is marked as 1.41 times the side gap. On the right the inner radius is smaller and the gap is an even 1.00. Dashed circles show the arc centres: offset on the left, shared on the right. The CSS below uses calc of radius minus padding.

ALT A browser window showing Squint with a travel landing page on the left and the same page blurred to grey on the right. In colour the orange Start planning button stands out. In the blurred grey version the button has disappeared, while the headline and the photograph of sand dunes still read. Three numbered rings mark the strongest remaining contrast.

ALT A browser window showing Crop Proof with six crops of the same photograph of a lighthouse on a rocky coast at dusk: avatar, card, square, mobile hero, desktop hero and Open Graph. A crosshair marks the lighthouse in every crop, and each crop shows the share of the photo it keeps, from 100 percent for the card down to 42 percent for the mobile hero.

ALT Nine connected pills in two rows: Brief, Art direction, Tokens, Naming, Name preview, Identity, Voice, Claims and QA, with five marked plus script. Below, a panel reads JSON, schema, validator, checking contrast, totals, claims and verdicts.

ALT A browser window showing the Tiny Design Tools home page: the heading "Tiny design tools", the words no account, no upload, no analytics and MIT licensed, and the first row of tool cards for Crop Proof, Copy Stress and Squint, each with a preview of its exported proof.