Skip to content

Topic

Design craft

Type, colour, layout, resolution, print and social, taught properly. 30 guides.

Start with these

Set type that reads wellHierarchy, pairing, size, measure, leading and tracking: the numbers that make text easy to read, and where to set each one in Voidcanvas.Beginner5 min readChoose colours that work on screen and in printBuild palettes with roles, make even ramps in OKLCH, pass WCAG 2.2 contrast, and know what happens when RGB colour goes to a printer.Intermediate5 min readLay out a page with a grid, space and a clear focal pointUse columns, margins and a spacing scale, align to fewer edges, give the page one focal point and control the order people read in.Beginner5 min readUnderstand pixels, dpi and why images look softHow pixel dimensions, ppi and print size relate, why images blur when scaled, what makes files big, and the size limits in Voidcanvas.Beginner4 min readPrepare artwork a printer will acceptTrim, bleed, safe area, 300 ppi, RGB and CMYK, paper and proofs, with the honest limits of Voidcanvas print output and how to work around them.Intermediate5 min readDesign social posts that read on a phonePick the right format, keep text out of the interface, size type for a phone held at arm's length, and design a series that holds together.Beginner4 min readBuild a brand identity from brief to rulesTurn a brief into a direction, then a logo, colour, type and a set of rules someone else can follow, using Studio and the brand guideline builder.Intermediate4 min readHow to prepare a poster for printSet the document to the final poster size at 300 dpi, add 3 mm of bleed on every side, keep text and logos at least 5 mm inside the trim, use photos that are at least as many pixels wide as the poster itself, and export a PDF at final size. Tell the printer the file is RGB and includes bleed, and ask for a proof. The rest of this page gives you the numbers, the reasons and the checks.Beginner10 min readHow to make a design look less genericA design looks generic when nothing in it was decided: the layout came with the template, every element is the same size and importance, the colours are safe mid-tones, and the photo is used whole. Fix it with six decisions, in this order: set a real type scale so one thing is clearly biggest; let one colour lead and one accent answer it; crop the photo hard and give it a treatment; put everything on a grid with a single focal point and real margins; add texture from an actual process rather than a filter preset; then remove a third of what is left. Each move is below, with where to do it in Voidcanvas.Intermediate7 min readWhy your printed design looks blurryA print looks blurry for one of three reasons: a photo was enlarged past what its pixels can support, the document was set up at screen size (1080 px, 1920 px, 72 dpi) and then printed much larger, or the file was exported small or as a heavy JPG. Check in one minute: divide the design's pixel width by its printed width in inches. Under 150 and everything prints soft; 300 is what a printer wants for anything read up close. Then fix the cause: replace or shrink the photo, rebuild at the print size, or export a PDF or PNG at full size.Beginner7 min read

Everything else in this topic