DESIGN STUDIO

Make it clear.
Make it yours.

Visual inspiration, practical design guidance and assets for your project.

03 / YOUR DESIGN STUDIO

Make it
look like you.

Colour. Type. Imagery. Bring your agent a visual direction, then turn it into something people can use.

Collect referencesMake a first versionTest & refine
Colourful paper moodboard with cobalt typography, coral and lilac swatches, a lime accent and an orange still life
A visual direction starts here · AI-generated moodboard
BORROW A PALETTE

Pick a colour. Make it yours.

Tap a swatch to copy its hex code, then test your text and background contrast.

LAYOUT & INSPIRATION

Figma Community ↗

Find a layout reference. Pick two specific choices you want to learn from, such as spacing or navigation. Check the resource’s usage terms.

TYPOGRAPHY

Google Fonts ↗

Choose readable type for headings and body text. Give your agent the font names and explain where each should be used.

COLOUR & READABILITY

WebAIM Contrast Checker ↗

Test your text and background colours. Record the result, improve weak combinations and test again.

YOUR CREATIVE TOOLBOX

A picture. An icon. A little personality.

Choose assets that help explain your idea. Keep their source links in your experiment log and check the terms for each asset. The previews below are illustrative examples, not downloads from the linked libraries.

ICONS

Lucide ↗

Find consistent SVG icons for navigation, features and actions. Keep the same size and stroke style across your design.

Usage & licence ↗
PHOTOGRAPHY

Unsplash ↗

Find a relevant photo for your page or presentation. Choose images that support the message and record the photographer and source.

Usage & licence ↗
ILLUSTRATIONS

unDraw ↗

Choose an illustration and adapt its accent colour for your design. Use the provider’s download options for your project.

Usage & licence ↗
Start with a design brief

A fill-in template for your audience, colours, fonts, assets, prompt and verification checklist.

Download design brief ↓

Turn inspiration into a design brief

  1. Choose a reference and explain what fits your audience.
  2. Specify colours, fonts, layout, content and the main action.
  3. Ask for a first version, then inspect it on a phone.
  4. Check readability, keyboard use and the main action. Record a before/after.

Design [page / poster / presentation] for [audience] so they can [main action]. Use this reference for [specific visual choices]: [link or image]. My content is [content]. Use [fonts and colours], clear hierarchy and readable contrast. Explain your design decisions. Give me a checklist to verify the result, including mobile layout when relevant. Do not copy another brand’s identity or invent claims.

Design is one possible experiment. You can also explore research, analysis, writing, automation or testing. Open the course labs for more ideas ↗