General
- The client questionnaire Google Docs template (bonus)
- ChatGPT Prompt from Discovery
- Exercise project & email templates doc
- Exercise project files
- Website Stylekit website
- Website Stylekit Figma plugin
- The Visual Direction Figma Template
- Client brand assets
Tools to make a Sitemap
- Fillout (to create a form for free)
- Google forms (to create a form for free)
- Relume (Sitemap & Wireframe AI builder)
- ChatGPT (to get ideas for sections)
- Figma (to make it by hand)
- Figma Sitemap Templates (to create a sitemap)
Figma plugins
- My own: Website Stylekit to import colors and typography from the website.
- Batch Styler: To multi/bulk add styles in 1 click.
- Design Lint: Find layers that aren’t connected to global styles and connect them in 1 click.
Visual design & layout inspiration
- Relume‘s Wireframing feature (paid)
- Relume Webflow Library (Wireframes in categories)
- Sprout UI Figma Website Kit (Figma template with categories)
- Section Express (Elementor based containers in categories)
- Landingfolio (with categories)
- Land-book (with categories)
- Unsection (with categories)
- Minimal Gallery (with categories)
- Framer Templates (with categories)
- Dribbble (main visual)
- Behance (mainly visual)
- Httpster (very creative)
- Awwwards (very creative)
Typography
- Sizes
- Typescale (see how fonts scale)
- Responsive fonts sizes by me
- Font pairing
- Typespiration (Google Fonts pairing)
- Fontpair (Google Fonts pairing)
- Monotype (a generator)
- Contrast
- WebAim (Contrast checker)
- Coolors.co (Contrast checker)
- Where to get typefaces / fonts:
Visuals
- Asset platform
- Envato (paid, the one I use)
- Creative Market (paid)
- Adobe Stock (paid)
- Images
- Graphical (background) visuals
- Creativa (free and paid) (LTD normal or Appsumo $19 LTD)
- MagicPattern (paid, 3 month deal is nice)
- Haikei (free and paid)
- Icons
- Heroicons (Figma file available)
- Iconify Figma Plugin (free)
- Lucide (free)
- Iconoir (free)
- Font Awesome (free and paid)
- Illustrations
- Iconscout (free and paid)
- GetIllustrations (free and paid)
- Freepik (free and paid)
Course related links
- Invoice generator (for accounting purposes)
- Review & feedback form (share what you think)
- courses@livingwithpixels.com (for account issues of financial questions)