Building your identity: logo, colors, and typography

Identity before production

Before creating a single visual, fix your brand identity. It's the foundation that will make everything else consistent. An identity rests on three elements: a logo, a color palette, and a pair of typefaces. Gathered into a small reference document — your brand guide — these three elements are enough to give any brand, even a solo one, a professional look.

The classic mistake is skipping this step and deciding colors as you create. The result: three different blues, two clashing fonts, a logo that keeps changing shape. One hour spent fixing these fundamentals saves you months of inconsistency.

The logo

You have three levels of ambition, by increasing budget:

  • The wordmark logo (free). The most underrated: your name written in a nice font, possibly with a brand color. Stripe, Google, and Coca-Cola rely essentially on text. For a launch, a clean wordmark does the job perfectly and is created in five minutes in Canva.
  • AI generators (free to ~$20). Looka, Brandmark, and LogoAI offer dozens of logos based on your name and a few preferences. The preview is free; downloading the high-definition files is paid (often a one-time payment of $20 to $65). Quick and convenient, with a decent result for most businesses.
  • The freelancer ($50 to $500+). On Fiverr or 99designs, a designer creates a custom logo. Save this for when the brand is validated and you want a real visual signature.

Whatever the level, always demand two things: a vector version (SVG or PDF) that never pixelates at any size, and a transparent-background version (PNG) so you can place it anywhere. Without these formats, your logo ages badly.

The color palette

A consistent brand relies on few colors: one primary color, one or two secondaries, and neutrals (a dark gray for text, an off-white for backgrounds). Too many colors kills recognition.

Free tools to build a palette that holds together:

  • Coolors: the fastest palette generator. Hit the spacebar, it proposes harmonious combinations; lock the ones you like. Export in hex codes.
  • Adobe Color: the "color wheel" to generate palettes by harmony rules (complementary, analogous, triadic) and check contrast.
  • Khroma: trains an AI on your tastes, then generates color pairs endlessly.
  • Realtime Colors: instantly previews your palette on a real site mockup, so you judge the effect rather than isolated squares.

One non-negotiable point: contrast. Light gray text on a white background is unreadable for many people. Check each text/background combination with WebAIM Contrast Checker (free); aim for a ratio of at least 4.5:1 for body text. Good contrast is about accessibility as much as aesthetics.

Typography

Font choice has an enormous and widely underestimated impact. The basic rule: two fonts maximum. One for headings (which can have character) and one for body text (which must above all be readable). Using a single well-declined font (in bold, regular, light) also works very well.

Where to find quality, royalty-free fonts:

  • Google Fonts: hundreds of free fonts, usable everywhere (web, print, video), with no licensing worries. Inter, Poppins, Lora, and Montserrat are safe bets.
  • Fontjoy: automatically generates font pairings that work together, handy when you lack an eye for it.
  • Fontpair: a catalog of pre-tested Google Fonts pairings.

Beware of licenses: the fonts pre-installed on your computer are not always usable commercially. By sticking to Google Fonts, you avoid any legal problem.

The brand guide: bringing it all together

Once logo, colors, and fonts are chosen, gather them into a one-page reference document. Note in it: the logo files, the exact hex codes of your colors, the font names and their uses (headings / body). This document becomes your source of truth: every new visual conforms to it.

In practice, the most effective approach is to store this guide directly in the tool where you produce. Canva's Brand Kit (free in a limited version, full in Canva Pro) remembers your colors, fonts, and logos: they appear with one click in each creation, which makes inconsistency nearly impossible. We'll come back to this in the next chapter.

Putting AI to work on your identity

AI assistants like ChatGPT or Claude are excellent thinking partners for this step. Ask them to propose brand directions ("serious and reassuring," "young and energetic"), Google Fonts pairings suited to your sector, or palettes described in hex codes. You keep the final decision, but you start from considered options rather than a blank page. To generate visual logo proposals, the image generation tools (covered in chapter 5) can also serve as inspiration, provided you rework the result cleanly.

What to remember

Your identity rests on three elements fixed once and for all: a logo (free wordmark, generated by Looka/Brandmark, or commissioned from a freelancer) always available in vector and transparent-background formats; a restrained palette built with Coolors or Adobe Color and validated for contrast; and at most two fonts, ideally from Google Fonts to avoid any licensing issue. Bring it all together in a one-page guide, stored in a Brand Kit, and you'll never re-decide these fundamentals. With this foundation in place, on to the tool that will produce most of your visuals: Canva.

We use Microsoft Clarity to understand how the site is used and improve it. By continuing to browse, you accept it. You can disable it at any time.