Original Design Studio

Start a project

Tools that finish the job.

They run in this browser. There is no account, and nothing you open is uploaded.

Markdown to PDF
Paste in the writing and download a PDF with a readable line length, and headings that look like headings.
Colour accessibility checker
Check a pair, a palette, or a picture. You get WCAG 2.2 and APCA, and a fix that changes lightness without touching the hue.
Aspect Ratio & Frame
Type the side you know. The missing side comes back, along with the frame sizes people are actually delivering to.
JSON ⇄ CSV
Go either way. Nested fields become columns, and you download the file.
Colour Vision Simulator
Drop in a screenshot, a palette, or a chart and see it through the eight common kinds of colour vision deficiency.
Type Scale
Set the sizes, look at them in the typeface, and copy the CSS when it feels right.
Bitrate & File Size
Work out whichever number is missing, using the targets current codecs and platforms publish.
Ishihara-style colour blindness test
Plates drawn for this page, for red–green and blue–yellow, and a set of shapes for children. A screen, not a diagnosis.
Colour palette from a photo
The colours come out of the picture. They are named, checked on black and white, and given roles that meet WCAG AA.

Start

Want someone to look at the whole product?

An audit comes back in writing, held against the principles.

Book an audit Read the principles