Add your content

Design your QR code

2
NoneLarge

Download your QR code

QR Codes for Design Studios

QR codes for design studios

QR Codes for Design Studios

Designers have spent fifteen years resenting QR codes, usually for good reason: they were dropped into finished layouts at the last minute by someone else. The studios doing well with them treat the code as a design element with real constraints, the way they treat a bleed or a minimum type size, and then use it on their own work first.

Create a styled QR code

Module shapes, brand colours, centre logo, vector export at any size

Your own portfolio, first

A printed portfolio shows the artefact. It cannot show the motion piece, the interface, the campaign in situ, or the result.

  • A code beside each case study opening the live work, the film, or the prototype
  • A code on the studio's own printed matter leading to a portfolio page that stays current between reprints
  • Different codes per piece, so you learn which work in the book actually gets looked up after a meeting

Client proofing without another portal

Approval chains break in email. A code on the physical proof, the sample pack or the printed mock-up opens the current version, the comment thread and the approval button.

That solves the problem every studio has: the client is looking at a printout from three revisions ago and commenting on it as though it were current.

Codes clients will accept

This is where a studio earns its fee, because most brand guidelines have nothing useful to say about codes.

  • Set a minimum size in the guidelines and defend it. One tenth of the scanning distance, stated in millimetres per application.
  • Specify the quiet zone as a lockup, so nobody crops it.
  • Choose matte over gloss in the print specification, which prevents the single most common field failure.
  • Give the code a defined position across formats, so it reads as a system rather than an intrusion.
  • Styling is allowed: rounded modules, brand colour, a logo in the centre. All of it is fine within limits, and the design best practices guide sets out where those limits sit before scannability suffers.
  • Then test the styled version on a cheap phone in bad light. A code that scans in the studio on a new phone is not tested.

Self-promotion that reports back

Studios send beautiful things to people and then never know what happened. Put a distinct dynamic code on each mailer, each award submission and each conference handout. Scans tell you which piece worked, and more usefully, when. A scan six months after a mailing is a live prospect.

The colour and contrast question

Brand colour is where most styled codes fail. The rule is contrast, not darkness: the modules need to be substantially darker than the background, measured rather than judged by eye. Light brand colours can be used for the background and dark ones for the modules, never the reverse. The colour contrast rules give the thresholds worth writing into a guideline.

Use QR codes properly in a design studio in 4 steps

  1. Put codes on your own portfolio first

    Live work, motion pieces and prototypes behind each printed case study, with a separate code per piece.

  2. Write the code rules into the guidelines

    Minimum size per application, quiet zone as a lockup, matte specification, and a defined position across formats.

  3. Style within measured limits

    Shapes, brand colour and a centre logo are all fine, provided contrast is measured and the result is tested on an old phone.

  4. Track your own promotion

    A distinct dynamic code per mailer and submission shows which piece worked and, more usefully, when.

Frequently asked

Can a QR code be styled without breaking it?

Yes. Module shapes, brand colours and a centre logo all work within limits. What breaks codes is low contrast, an oversized logo, and skipping the test on an older phone.

What should go in a brand guideline about QR codes?

Minimum size per application, the quiet zone treated as part of the lockup, a matte print specification, a defined position across formats, and approved colour pairings.

Can we use brand colours in a QR code?

Use the light brand colour as the background and a dark one for the modules, never the reverse. Contrast should be measured rather than judged by eye.

How do design studios use codes on client proofs?

A code on the printed proof opens the current version and the approval thread, which prevents the recurring problem of a client commenting on a revision from three weeks ago.

How do we measure a printed self-promotion piece?

One dynamic code per mailer or submission. Scan timing matters as much as volume, because a scan months later usually means an active prospect.

Read next

Need a different QR type? Browse all 48 QR types on the home page.