🧠 1. MindBodyList DesignπŸ§˜β€β™€οΈ

  • 1. Website Design:
  • A. Colors:
  • coolors.co
  • colorhexa.com
  • F15BB5 – Magenta Crayola
  • FE28A2 – Persian Rose
  • 21C063 – Emerald
  • FFFFFF
  • F5EDF0 – Lavender Blush
  • 9B5DE5 Amethyst
  • or
  • d0d7dd
  • 2. Font:
  • Droid Serf
  • Lato
  • 3. Logo:
  • Use all the vertical space, try to maximize your space.
  • Can leave some blank space on the right side (will be transparent).
  • 400×90
  • Font: 30
  • Transparent background
  • Compress
  • Appearance – Customize – Site Identity – Logo
  • Logo on WP: 400×90, 8KB
  • Hide Site Title and Tagline
  • Place on left side.
  • Make logo width smaller, to 250px
  • *For bigger version, go to 2x (instead of 1x) on Canva. 800×180. Retina (higher quality). – Go with this one.
  • Can use a different font, JUST For the logo only.
  • 4. Favicon:
  • Canva
  • 200×200
  • Transparent PNG
  • Key is to make sure as much of the white space is filled up as possible. Images only.
  • Transparent background. Compress (optional – SG does it automatically).
  • **Adthrive – look into this for affiliate marketing.
  • 5. Branded Images:
  • A. Create an Instagram post (1080x1080x px).
  • Don’t go crazy with the texts on your images.
  • Canva Pro, Unsplash.
  • Remember your settings. Use the same settings for each photo image.
  • Gael used font size 80x. Compress the file when you download it.
  • coolors
  • Once you’ve created your first one, just duplicate it, and you can use that as a template to create all your other branded images. You will have to readjust the filters and settings.
  • If you use it on Facebook, click on Resize –> FB ad (1200 x 628 px), then tweak it and resize it a bit. You can then use that as a template for all images to use on FB. Compress the file when you download it.
  • Share the image on social media using Rank Math.
  • PixelStudioFx, SocialStudioFx.
  • lipsum.com for dummy text.
  • Images: around 193KB, 1798x1200px
  • 6. Homepage Design:
  • Hero (Cover) image: 1220×468 px, 223 KB, png (Use “Twitter Image” on Canva).
  • For the “Grid” below:
  • Use “square” images on Canva. 540×540, 207 KB, png.
  • For the “About Us” section:
  • Gael’s image: 952×1214 px, 395KB, png. (17:15)
  • Keep “Image Size” to “Large”, then reduce image size by using the arrows directly on the image. Change “Width” to 351, “Height” to 421 instead.