Canva and design tools

{{whyLabel}}: Professional designs rely on balanced color distribution to guide the eye and create harmony.

{{howLabel}}:

• Use a dominant color for 60% of the design (usually neutral).
• Use a secondary color for 30% to create interest.
• Use an accent color for 10% to highlight Call-to-Actions (CTAs).
• Check accessibility using the 'WebAIM Contrast Checker' to ensure readability.

{{doneWhenLabel}}: You have selected a 3-color palette for your first project.

{{whyLabel}}: Typography dictates the 'voice' of your design and ensures information hierarchy.

{{howLabel}}:

• Choose a 'Serif' font (e.g., Playfair Display) for headings to look elegant or 'Sans Serif' (e.g., Montserrat) for a modern look.
• Pair it with a highly legible 'Sans Serif' (e.g., Open Sans or Lato) for body text.
• Limit your design to maximum 2-3 different fonts to avoid clutter.

{{doneWhenLabel}}: A heading and body font pair is chosen and documented.

{{whyLabel}}: Having the right tools ready allows for a seamless transition between simple layouts and complex vector work.

{{howLabel}}:

• Sign up for a free Canva account for quick, template-based designs.
• Create a free Figma account for professional UI/UX and precise vector control.
• Download the desktop apps if available for better performance.

{{doneWhenLabel}}: Both platforms are logged in and ready for use.

{{whyLabel}}: Misaligned elements are the #1 sign of amateur design.

{{howLabel}}:

• Press 'Shift + R' in Canva to show rulers.
• Drag guides from the rulers to set margins (e.g., 50px from every edge).
• Use the 'Tidy Up' button in the 'Position' menu to equalize spacing between multiple objects.

{{doneWhenLabel}}: A blank canvas is set up with consistent margins and a 3-column grid.

{{whyLabel}}: Complex designs involve many overlapping elements that need precise ordering.

{{howLabel}}:

• Open the 'Layers' view (Position > Layers) to see all elements.
• Rename layers to keep track of complex designs.
• Use 'Lock' on background elements so they don't move while you edit the foreground.

{{doneWhenLabel}}: You can successfully move a background shape behind text using only the layers panel.

{{whyLabel}}: Frames allow you to crop images into specific shapes (circles, mockups) without distorting them.

{{howLabel}}:

• Search for 'Frames' in the Elements tab.
• Drag an image into the frame to auto-mask it.
• Double-click the image inside the frame to adjust its scale and focal point.

{{doneWhenLabel}}: A layout is created featuring three perfectly circular profile images of equal size.

{{whyLabel}}: Modern design workflows (2025/26) use AI to speed up tedious tasks like background removal or image expansion.

{{howLabel}}:

• Use 'Magic Grab' to separate a subject from its background in any photo.
• Use 'Magic Expand' to fill in missing parts of a landscape photo to fit a wide banner.
• Try 'Magic Edit' to swap objects (e.g., change a red flower to a blue one) via text prompt.

{{doneWhenLabel}}: An image has been modified using at least one AI tool to fit a specific layout requirement.

{{whyLabel}}: Logos must be vectors (SVG) so they can be scaled infinitely without losing quality.

{{howLabel}}:

• Use the 'Pen Tool' (P) to draw custom shapes.
• Use 'Boolean Groups' (Union, Subtract) to combine simple circles and squares into complex icons.
• Export the final result as an SVG file.

{{doneWhenLabel}}: A simple, scalable vector icon is exported as an SVG.

{{whyLabel}}: Sometimes Canva's filters aren't enough; you need layer-based photo manipulation.

{{howLabel}}:

• Open Photopea (free browser-based Photoshop alternative).
• Use 'Adjustment Layers' (Levels, Curves) to fix lighting non-destructively.
• Use the 'Clone Stamp' tool to remove unwanted small objects from a photo.

{{doneWhenLabel}}: A photo is color-corrected and cleaned of distractions, then saved as a high-quality PNG.

{{whyLabel}}: Consistency across platforms builds trust and brand recognition.

{{howLabel}}:

• Create 3 templates: an Instagram Post (1080x1080), a Story (1080x1920), and a LinkedIn Banner.
• Apply your chosen font pairing and 60-30-10 color palette to all three.
• Ensure the logo (from the Figma task) is placed consistently.

{{doneWhenLabel}}: Three different social media assets exist that look like they belong to the same brand.

{{whyLabel}}: Print requires different technical specs than digital (CMYK color and Bleed).

{{howLabel}}:

• Set the document size to A4 or US Letter with a 3mm 'Bleed'.
• Ensure all text is at least 5mm away from the edge (Safe Zone).
• Export as 'PDF Print', select 'Crop marks and bleed', and flatten the PDF.

{{doneWhenLabel}}: A PDF file is generated that includes crop marks and bleed for professional printing.

{{whyLabel}}: Critical review is the only way to move from 'good' to 'professional'.

{{howLabel}}:

• Squint your eyes: Does the most important information still stand out? (Visual Hierarchy).
• Check alignment: Are all elements snapped to the grid?
• Whitespace: Is the design 'breathing', or is it too crowded?

{{doneWhenLabel}}: A list of 3 improvements is made and implemented in the final designs.