- 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.