1.4 Your logo and colors · The 1 Hour Website

Your logo and colors are the first ingredients. Get them right and every page of your site will feel like you.

Already have a logo?

Put it in your Google Drive (you’ll make the folder in Module 3):

A PNG with a transparent background
An SVG too, if you have it. It stays crisp at any size.
Your brand colors as hex codes (like #D93D26), if you know them

Don’t have one yet?

Make one with an AI that creates images, like ChatGPT. Copy the prompt below, fill in the brackets and ask for a few rounds until you love it.

You’ll get a full set you can use everywhere:

Symbol: for your profile pictures and the tiny browser-tab icon
Horizontal: for your website header and email signature
Vertical: for square spaces like Instagram posts and flyers
Color palette and fonts: these go straight into your Website Brief, so your site matches your logo

Download every version and save them in 01 Logo. Paste the colors and fonts into your Website Brief in Module 3.

I need a logo and brand colors for my [business/project]: [name]. What it is: [one sentence about what you do] Who it's for: [your ideal customer] The feeling: [3 words, e.g. warm, playful, premium] Brands or styles I like: [examples] Avoid: [anything you don't want] Please create: 1. A simple symbol or icon that works as a round profile picture. 2. A horizontal logo (symbol + name side by side) for a website header. 3. A vertical, stacked logo (symbol above the name). 4. A one-color version of each. Use a clean, transparent background. Then give me: 5. A color palette of 4–6 colors with hex codes, and what to use each one for (background, text, buttons, accents). 6. Two Google Fonts that match: one for headlines, one for body text.

1.4Your logo and colors

Already have a logo?

Don’t have one yet?

Logo + color palette prompt

Ready to serve?