---
title: "Brand guide | Ian Anderson Gray"
url: https://new2.iag.me/brand/
description: "The Ian Anderson Gray brand guide: logo, colours, typography, photography, voice and the family of brands."
author: Ian Anderson Gray
---
Brand guide

# Ian Anderson Gray

Creative AI Solutions

How the brand looks, sounds and fits together: the logo, colours, type, photos, illustration and every building block of the website, in light and dark mode. For anyone designing for Ian, writing about him, or putting his name on an event page.

Work in progress, October 2026[Try the fonts](https://new2.iag.me/brand/#type)[Logo ideas](https://new2.iag.me/brand/#logo)

![Ian leaning against cream wooden panels in an orange checked shirt, looking off to the side](https://new2.iag.me/media/shoot-2026-20-800.jpg)

Orange shirt:
on brand!

1. [The brand](https://new2.iag.me/brand/#brand)
2. [Logo](https://new2.iag.me/brand/#logo)
3. [Colour](https://new2.iag.me/brand/#colour)
4. [Fonts](https://new2.iag.me/brand/#type)
5. [Photos](https://new2.iag.me/brand/#photos)
6. [Illustration](https://new2.iag.me/brand/#illustration)
7. [Building blocks](https://new2.iag.me/brand/#elements)
8. [Dark mode](https://new2.iag.me/brand/#dark)
9. [Voice](https://new2.iag.me/brand/#voice)
10. [Brand family](https://new2.iag.me/brand/#family)
11. [Company](https://new2.iag.me/brand/#company)
12. [Downloads](https://new2.iag.me/brand/#downloads)

01

## A personal brand, with Helen alongside

Ian Anderson Gray is Ian's personal brand: his name, his voice, mostly his face. Helen, his wife, is a partner in the business and appears with him in some photos and on the pages for work she leads. The brand is never renamed to the two of them.

![Ian smiling, head and shoulders, in an orange checked shirt against a dark grey wall](https://new2.iag.me/media/shoot-2026-77-800.jpg)

### Ian Anderson Gray

Founder

The face and voice of the brand. Almost everything is written in Ian's first person, and he is in most of the photos.

![Helen smiling in an embroidered white blouse against a dark grey wall](https://new2.iag.me/media/shoot-2026-80-800.jpg)

### Helen

Partner

Ian's wife and partner in the business. She appears alongside Ian in some photos and on the pages for work she leads, but the brand stays Ian's personal brand: it is never renamed to the two of them.

### Personality

- Warm
- Curious
- Plain-speaking
- Playful
- Human first
- Quietly expert

### Name and tagline

- **Always the full name:** Ian Anderson Gray. Not “Ian Gray”, “IAG” or “Ian A. Gray”. “Ian” is fine on second mention.
- **The tagline is Creative AI Solutions**, a working one that may change. Under the name in spaced capitals, or in a sentence: “Ian Anderson Gray: Creative AI Solutions”.
- **AI is always in capitals**, spelled out as artificial intelligence the first time where the reader may not know it.
- **iag.me** is the web address, in lower case. It is not the brand name.

02

## Logo: six directions to react to

The current logo stays in use until a new one is finished. These are rough sketches, not finished logos: they are here so you can say what you like and what you don't. The direction you choose goes to a human designer to draw properly.

![The current logo: an orange play button inside three rings, the name, and the tagline](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-colour.svg)![The current logo: an orange play button inside three rings, the name, and the tagline](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-reverse.svg)In use until replaced

Ian Anderson GrayCreative AI Solutions

Ian Anderson GrayCreative AI Solutions

### ARound glasses

Ian's round glasses, drawn as two rings, with a play button in one lens.

**Why:** Instantly personal: the glasses are in every photo. Keeps a nod to the play button and live video.

**Watch out:** Glasses icons are common in optician and 'vision' branding; the designer would need to make it unmistakably Ian's.

As a browser tab icon, 32 and 16 pixels. Lettering: Fraunces.

ian anderson grayCreative AI Solutions

ian anderson grayCreative AI Solutions

### BPlay and spark

The current play button, softened, with a hand-drawn spark: pressing play on a new idea.

**Why:** The smallest change from today, so it keeps the recognition you already have.

**Watch out:** Sparkles have become the default symbol for AI features in software, so it could look generic.

As a browser tab icon, 32 and 16 pixels. Lettering: Bricolage Grotesque.

Ian Anderson GrayCreative AI Solutions

Ian Anderson GrayCreative AI Solutions

### CSignature

Your own handwriting as the logo, digitised from a real signature, with an orange underline.

**Why:** The most human option there is, which says 'human first' without a word. Nobody can copy it.

**Watch out:** Handwriting can be hard to read small, so it needs a simple initials version for icons.

As a browser tab icon, 32 and 16 pixels. Lettering: Caveat (stand-in).

Ian Anderson GrayCreative AI Solutions

Ian Anderson GrayCreative AI Solutions

### DSpeech bubble

Your initials inside a soft speech bubble: conversation, voice, teaching.

**Why:** Ties together speaking, live video, communication coaching and talking to AI.

**Watch out:** Speech bubbles are widely used by chat apps; the shape and lettering need real character.

As a browser tab icon, 32 and 16 pixels. Lettering: Fraunces.

Ian Anderson GrayCreative AI Solutions

Ian Anderson GrayCreative AI Solutions

### ESticker badge

A round sticker with your name and tagline around the edge and a little glasses-and-smile face in the middle.

**Why:** Playful and very 'social': works as a profile picture, a laptop sticker, a watermark.

**Watch out:** The words around the edge disappear at small sizes, so only the face works as an icon.

As a browser tab icon, 32 and 16 pixels. Lettering: Figtree.

ian anderson grayCreative AI Solutions

ian anderson grayCreative AI Solutions

### FOrange check

A tile woven from the orange check of your shirt, with your initials on top.

**Why:** Links the logo to the photos and gives a pattern to use on slides, merchandise and backgrounds.

**Watch out:** Busy at very small sizes, and it ties the brand to one shirt.

As a browser tab icon, 32 and 16 pixels. Lettering: Bricolage Grotesque.

### What happens next

1. **You pick one or two directions**Or say what to combine: the glasses with the signature, say.
2. **A designer brief**I write it, with these sketches as a starting point rather than a template.
3. **A human designer draws it**Including versions for light and dark backgrounds, a small icon, and the files for print.

03

## Colour

Warm and calm: a strong orange used sparingly, on warm whites and soft browns rather than cold greys. Four new softer colours are proposed for illustrations, highlights and charts, to make the site feel less corporate.

Paper and Sand 60%Ink 25%10%

### Brand colours

- #D65C32

  #### Ian orange

  RGB 214 92 50

  The main brand colour: the mark, large shapes, highlights and backgrounds behind white headings. Not for small text on light backgrounds.

  3.8:1 on Paper, Large text4.8:1 on Night, AA
- #A8411C

  #### Burnt orange

  RGB 168 65 28

  Links, labels and buttons on light backgrounds. The brand orange darkened so text is easy to read.

  6.0:1 on Paper, AA3.1:1 on Night, Large text
- #F29A73

  #### Peach

  RGB 242 154 115

  Links and highlights on dark backgrounds.

  2.1:1 on Paper, Not for text8.6:1 on Night, AAA
- #AB4826

  #### Rust

  RGB 171 72 38

  The middle ring of the mark. Hover states and secondary shapes.

  5.6:1 on Paper, AA3.3:1 on Night, Large text
- #4E2026

  #### Plum

  RGB 78 32 38

  The centre of the mark. A deep accent for panels and dark graphics.

  13.3:1 on Paper, AAA1.4:1 on Night, Not for text

### Proposed: illustration and highlight colours

- #F2C14E

  #### Butter

  RGB 242 193 78

  Proposed. Highlighter marks, stickers and illustration fills. Never for text.

  1.7:1 on Paper, Not for text11.1:1 on Night, AAA
- #7C9A7E

  #### Sage

  RGB 124 154 126

  Proposed. A calm second colour for illustrations and charts.

  3.1:1 on Paper, Large text6.0:1 on Night, AA
- #8FB8CC

  #### Sky

  RGB 143 184 204

  Proposed. Illustrations, charts, and a cool contrast to the orange.

  2.1:1 on Paper, Not for text8.8:1 on Night, AAA
- #F3C5B5

  #### Blush

  RGB 243 197 181

  Proposed. Soft backgrounds behind photos and illustrations.

  1.5:1 on Paper, Not for text12.0:1 on Night, AAA

### Neutrals

- #1D1A17

  #### Ink

  RGB 29 26 23

  Body text and headings.

  17.1:1 on Paper, AAA1.1:1 on Night, Not for text
- #5C544D

  #### Stone

  RGB 92 84 77

  Secondary text: dates, captions, notes.

  7.3:1 on Paper, AAA2.5:1 on Night, Not for text
- #E3DBD3

  #### Linen

  RGB 227 219 211

  Borders and dividers.

  1.3:1 on Paper, Not for text13.7:1 on Night, AAA
- #F6F1EC

  #### Sand

  RGB 246 241 236

  Panels, cards and notices on the light background.

  1.1:1 on Paper, Not for text16.7:1 on Night, AAA
- #FFFDFB

  #### Paper

  RGB 255 253 251

  The page background. A warm white rather than pure white.

  1.0:1 on Paper, Not for text18.4:1 on Night, AAA

The ratings show how readable text in each colour is on the light background (Paper) and the dark one (Night). 4.5:1 is the minimum for normal text under the Web Content Accessibility Guidelines (WCAG) AA level; 3:1 for large text and graphics.

04

## Fonts: try them on this page

Use the **Try fonts** button in the bottom corner to switch the whole page, including the site's own menu, between seven pairings, or mix your own. Now showing: **Warm storyteller**.

### Three jobs, three fonts (plus handwriting)

- **Headings:** where the personality lives. Can be expressive.
- **Reading text:** articles and pages. Must be calm and very readable at small sizes.
- **Menu, buttons and labels:** short words people scan. Often the reading font, a little bolder.
- **Handwritten notes:** margin notes and arrows, used sparingly. Ideally your own handwriting made into a font.

### The type scale, live

Page title

# Creative ideas, human first

Section heading

## What AI can do for your team

Subheading

### Start with one boring job

Introduction

I help businesses use AI to be more productive and creative, without losing what makes them human.

Reading text

Most teams don't need a grand AI strategy to begin. They need one small, annoying task, a tool that can help with it, and the permission to experiment. *That's where the confidence comes from.* **Bold for the key point.**

Small print

Updated 28 October 2026 · 6 minute read

Label

Creative AI Solutions

Handwritten note

Start here! ↓

Menu**Ian Anderson Gray**[Blog](https://new2.iag.me/brand/#type)[Podcast](https://new2.iag.me/brand/#type)[Speaking](https://new2.iag.me/brand/#type)[About](https://new2.iag.me/brand/#type)[Work with me](https://new2.iag.me/brand/#type)

### The free candidates

All free for commercial use, on the website, in print and in social graphics.

- Aa

  #### Fraunces

  The quick brown fox jumps over the lazy dog.

  A soft, slightly wonky old-style serif with a 'softness' setting. Warm and characterful without being twee.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Bricolage Grotesque

  The quick brown fox jumps over the lazy dog.

  A sans-serif with quirky ink-trap details. Confident and a little bit punk.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Clash Display

  The quick brown fox jumps over the lazy dog.

  Tall, tight and modern. Strong for big headlines; too tight for small text.

  Fontshare (Indian Type Foundry). ITF Free Font License: free for commercial use.
- Aa

  #### Cabinet Grotesk

  The quick brown fox jumps over the lazy dog.

  A friendly grotesque with round, open shapes. Cheerful at heavy weights.

  Fontshare (Indian Type Foundry). ITF Free Font License: free for commercial use.
- Aa

  #### Instrument Serif

  The quick brown fox jumps over the lazy dog.

  A slim, elegant display serif, like a magazine headline. Only one weight, so best large.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Young Serif

  The quick brown fox jumps over the lazy dog.

  A sturdy, rounded serif with a 1970s warmth.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Lato

  The quick brown fox jumps over the lazy dog.

  The current heading font. Clean and dependable, and very common.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Figtree

  The quick brown fox jumps over the lazy dog.

  A clear, friendly geometric sans-serif. Very readable at small sizes.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Inter

  The quick brown fox jumps over the lazy dog.

  Designed for screens; neutral and extremely legible.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Satoshi

  The quick brown fox jumps over the lazy dog.

  A modern geometric sans-serif with a slightly technical feel.

  Fontshare (Indian Type Foundry). ITF Free Font License: free for commercial use.
- Aa

  #### General Sans

  The quick brown fox jumps over the lazy dog.

  A calm, rounded sans-serif. Pairs well with chunky headings.

  Fontshare (Indian Type Foundry). ITF Free Font License: free for commercial use.
- Aa

  #### Source Serif 4

  The quick brown fox jumps over the lazy dog.

  A serif made for long reading on screens. Bookish and calm.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Atkinson Hyperlegible Next

  The quick brown fox jumps over the lazy dog.

  Designed for readers with low vision: every letter is easy to tell apart. Good for neurodivergent readers too.

  Braille Institute. SIL Open Font License: free for any use.
- Aa

  #### Open Sans

  The quick brown fox jumps over the lazy dog.

  The current body font. Neutral and familiar.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Space Grotesk

  The quick brown fox jumps over the lazy dog.

  A techy sans-serif with odd details. Good for labels and the menu, not for long text.

  Google Fonts. SIL Open Font License: free for any use.
- Aa

  #### Caveat

  The quick brown fox jumps over the lazy dog.

  Natural handwriting for notes and arrows in the margin. A stand-in for Ian's own handwriting, which could be made into a font.

  Google Fonts. SIL Open Font License: free for any use.

### Worth knowing: three paid fonts

These can't be shown here without buying a licence, but each foundry's site has a tester. Web licences are usually priced by how many people visit the site.

- **Recoleta** by [Latinotype](https://www.latinotype.com/). A soft, rounded 1970s serif: the paid cousin of Fraunces, with more polish and weights.
- **GT Walsheim** by [Grilli Type](https://www.grillitype.com/). A warm geometric sans-serif with friendly round letters, used by many creative studios.
- **Söhne** by [Klim Type Foundry](https://klim.co.nz/). A refined, slightly mechanical sans-serif; the font of choice for many technology companies, so less distinctive.

05

## Photos

Real, warm and natural, from the July 2026 shoot with Amber-Rose Smith around Bramhall, Stockport and Ancoats. Daylight, a genuine smile, and the orange in the brand turning up in the clothes. Credit: Photo by Amber-Rose Smith, July 2026.

### Portraits

About pages, speaker profiles, press packs, the home page. The orange checked shirt ties the photos to the brand colour.

- ![Ian smiling, head and shoulders, in an orange checked shirt against a dark grey wall](https://new2.iag.me/media/shoot-2026-77-800.jpg)
- ![Ian leaning against cream wooden panels in an orange checked shirt, looking off to the side](https://new2.iag.me/media/shoot-2026-20-800.jpg)
- ![Ian smiling broadly in round glasses and a navy checked shirt, trees softly blurred behind](https://new2.iag.me/media/shoot-2026-09-800.jpg)
- ![Ian smiling in an orange checked shirt against a dark grey panelled wall](https://new2.iag.me/media/shoot-2026-53-800.jpg)
- ![Ian sitting on a step in front of an old shopfront, smiling](https://new2.iag.me/media/shoot-2026-17-800.jpg)
- ![Ian in a grey T-shirt smiling on a cobbled street lined with old brick mills](https://new2.iag.me/media/shoot-2026-30-800.jpg)

### Out and about, working

Service pages, blog headers, newsletter. They show Ian doing the work rather than posing.

- ![Ian working on a laptop in a leafy courtyard against a brick wall](https://new2.iag.me/media/shoot-2026-28-800.jpg)
- ![Ian sitting at a street café table checking his phone, a church tower behind him](https://new2.iag.me/media/shoot-2026-22-800.jpg)
- ![Ian in a green T-shirt grinning under an ornate iron bridge](https://new2.iag.me/media/shoot-2026-26-800.jpg)

### The silly wall

Personality, used sparingly: social posts that react to news, the page-not-found page, error and empty messages, newsletter openings, myth-busting posts, and pointing at a button or a headline.

- ![Ian raising a finger as if he has just had an idea, against a dark grey wall](https://new2.iag.me/media/shoot-2026-56-800.jpg)
- ![Ian pointing to one side with a cheeky grin, against a dark grey wall](https://new2.iag.me/media/shoot-2026-59-800.jpg)
- ![Ian pointing to the other side, against a dark grey wall](https://new2.iag.me/media/shoot-2026-60-800.jpg)
- ![Ian stroking his chin, deep in thought, against a dark grey wall](https://new2.iag.me/media/shoot-2026-64-800.jpg)
- ![Ian holding a finger to his lips, close up against a dark grey wall](https://new2.iag.me/media/shoot-2026-62-800.jpg)
- ![Ian looking amazed, mouth open and arms out, against a dark grey wall](https://new2.iag.me/media/shoot-2026-74-800.jpg)
- ![Ian with his arms open wide as if presenting something, against a dark grey wall](https://new2.iag.me/media/shoot-2026-70-800.jpg)
- ![Ian shrugging with his arms out and eyebrows raised, against a concrete wall](https://new2.iag.me/media/shoot-2026-41-800.jpg)
- ![Ian pulling a comic grimace against a concrete wall](https://new2.iag.me/media/shoot-2026-39-800.jpg)
- ![Ian giving a doubtful thumbs down against a concrete wall](https://new2.iag.me/media/shoot-2026-43-800.jpg)

![Ian shrugging with his arms out and eyebrows raised, against a concrete wall](https://new2.iag.me/media/shoot-2026-41-800.jpg)

Hmm, that page has gone.

How a silly photo could work on the page-not-found page: one photo, one line, a way back.

### Helen

Her profile on the About page, and pages for work she leads.

- ![Helen smiling in an embroidered white blouse against a dark grey wall](https://new2.iag.me/media/shoot-2026-80-800.jpg)
- ![Helen in glasses and an embroidered white blouse, smiling, against a dark grey wall](https://new2.iag.me/media/shoot-2026-83-800.jpg)
- ![Helen smiling at the camera by a canal, in a pale blue cardigan](https://new2.iag.me/media/shoot-2026-49-800.jpg)
- ![Helen leaning on a wooden railing in a pale blue cardigan, looking thoughtful](https://new2.iag.me/media/shoot-2026-47-800.jpg)
- ![Helen sitting on a park bench writing in a notebook, trees behind her](https://new2.iag.me/media/shoot-2026-01-800.jpg)
- ![Helen talking and gesturing on a cobbled street, smiling](https://new2.iag.me/media/shoot-2026-36-800.jpg)

### Ian and Helen together

The About page, 'work with us' pages, and the occasional personal post. Ian stays in front: Helen joins him, not the other way round.

- ![Ian and Helen standing together in a park, smiling at the camera](https://new2.iag.me/media/shoot-2026-07-800.jpg)
- ![Ian and Helen laughing together, leaning on a railing by a canal](https://new2.iag.me/media/shoot-2026-51-800.jpg)
- ![Helen and Ian leaning on a railing by a canal, smiling at the camera](https://new2.iag.me/media/shoot-2026-44-800.jpg)
- ![Ian and Helen walking side by side along a park path, chatting and smiling](https://new2.iag.me/media/shoot-2026-04-800.jpg)
- ![Ian showing Helen something on his phone at an outdoor café table while she takes notes](https://new2.iag.me/media/shoot-2026-14-800.jpg)

### Crops and shapes

![Ian smiling, head and shoulders, in an orange checked shirt against a dark grey wall](https://new2.iag.me/media/shoot-2026-77-800.jpg)

Circle: bylines, avatars

![Ian smiling broadly in round glasses and a navy checked shirt, trees softly blurred behind](https://new2.iag.me/media/shoot-2026-09-800.jpg)

Soft blob: page headers

![Helen smiling in an embroidered white blouse against a dark grey wall](https://new2.iag.me/media/shoot-2026-80-800.jpg)

Arch: profiles

![Ian holding a finger to his lips, close up against a dark grey wall](https://new2.iag.me/media/shoot-2026-62-800.jpg)

Sticker: the silly ones

### Do

- Use the 2026 photos for anything new.
- Keep Ian in front: Helen joins him, not the other way round.
- Use the silly ones sparingly, one at a time, where a smile helps.
- Give every photo useful alt text: a short description for people using screen readers.
- Credit Amber-Rose Smith where you can.

### Don't

- Use stock photos of people pretending to work.
- Use AI-generated pictures of Ian, Helen or any real person.
- Put text over a face, or add heavy filters.
- Crop Helen out of a photo of the two of you.

06

## Illustration: drawn by people

Blog posts, courses and talks get commissioned illustrations by human illustrators, not AI images. It is a choice that says what the brand believes: AI should help people be more creative, not replace them.

A visual metaphor for an article about feeling lost with AI tools: one orange accent marks the way through.

The brand belief in one picture: the robot hands over the brush; the person paints.

These rough sketches only show the idea for briefing. The real illustrations will be drawn by an illustrator in their own hand.

### The style to brief

- **One idea per picture:** a simple visual metaphor for the article, like a maze, a bridge or a toolbox.
- **Loose, hand-drawn ink lines** with a soft colour wash: Sky, Sage, Butter and Blush.
- **One orange accent** that carries the point: the idea, the answer, the way through.
- **A recurring character** could appear now and then: a little figure in round glasses.
- **Works in dark mode:** drawn on a transparent background, or delivered in a light and a dark version.

### How to commission

1. **Find one illustrator**Through the Association of Illustrators in the UK, Behance, or fellow Adobe Express Ambassadors.
2. **A starter set**A style sheet and the character, then ten general pictures (AI, live video, social media, speaking, creativity) that fit many old posts.
3. **Then one per flagship article**Bespoke pictures for the big pieces; the starter set covers the rest.
4. **Agree the licence**Commercial use on the web, social and print, permission to crop and recolour, and the source files.

✦

**Paul Boag, for comparison,** makes his with Midjourney, an AI image generator, using one style reference image to keep them consistent, and has written that he doesn't love that it takes work from illustrators. A human style sheet does the same job for a real illustrator, and a short credit line on each post ("Illustration by …") turns the choice into part of the brand.

### Where AI does help with images

- Making sizes and crops of finished photos and illustrations for each social network.
- Removing or extending a photo background, and tidying screenshots.
- Drafting alt text for a human to check.
- Charts and diagrams drawn from real data.
- Rough thumbnails while briefing an illustrator, never published.
- Anything that is about AI itself, clearly labelled as made with AI.

07

## Building blocks

Every element the website uses, in light and dark mode side by side. Round where the old design was square: pill-shaped buttons and tags, soft bubbles instead of boxes, wavy and hand-drawn touches, and the odd thing slightly tilted, as if placed by hand.

Light

#### Buttons and links

[Book a call](https://new2.iag.me/brand/#elements)[See the courses](https://new2.iag.me/brand/#elements)[Watch](https://new2.iag.me/brand/#elements)[Read more](https://new2.iag.me/brand/#elements)

[Small](https://new2.iag.me/brand/#elements)[Small outline](https://new2.iag.me/brand/#elements)

A [text link](https://new2.iag.me/brand/#elements) turns wavy when you point at it.

#### Pills, badges and stickers

[All](https://new2.iag.me/brand/#elements)[AI training 24](https://new2.iag.me/brand/#elements)[Creativity](https://new2.iag.me/brand/#elements)[Live video](https://new2.iag.me/brand/#elements)

NewLiveUpdatedArchivedFreeTry this!

#### Lists

- Plain English, real examples
- No hype, no jargon
- Human creativity first

- Works with your tools
- Hands-on training
- Follow-up support

- Replacing your team
- Generic prompts

1. Spot the repetitive work
2. Try one AI tool on it
3. Keep what helps

1. **Discovery call**We talk about where you're stuck.
2. **Workshop**Your team tries the tools on real work.
3. **Follow-up**Two weeks later, we check what stuck.

Format
:   Online or in person

Length
:   Half a day

#### Dividers

---

---

or

---

#### Text marks

Use a highlighter for the one thing to remember, a hand-drawn underline for emphasis, keys like `⌘` `K`, and `code`.

#### Quote

> Ian made AI feel possible for our whole team, not just the techy ones.
>
> ![Helen smiling at the camera by a canal, in a pale blue cardigan](https://new2.iag.me/media/shoot-2026-49-800.jpg)**A happy client**
> Placeholder testimonial

#### Notes

i

**Good to know:** a soft bubble with an icon. Never a coloured stripe down the left edge.

✓

**Tip:** save your best prompts somewhere you can find them again.

!

**Heads up:** this feature changed in June 2026.

✦

**Try this:** ask the AI to argue against your plan.

#### Cards

[New

##### How to go live on LinkedIn

8 minute read](https://new2.iag.me/brand/#elements)
[Course

##### Creative AI for small teams

Six short lessons](https://new2.iag.me/brand/#elements)

#### Numbers

**15**years teaching

**300+**talks and workshops

**1**orange shirt

#### Table

| Plan | Who it's for | Length |
| --- | --- | --- |
| Taster | Curious teams | 90 minutes |
| Workshop | Teams ready to try | Half a day |

#### Forms

Email addressOne email a week. Unsubscribe any time.

TopicAI trainingLive videoSpeaking

 Newsletter Events Just me A team

Dark mode
GridList

#### Questions and answers

No. If you can write an email, you can use these tools.

Yes, online or in person.

#### Getting around

1. [Home](https://new2.iag.me/brand/#elements)
2. [Blog](https://new2.iag.me/brand/#elements)
3. AI

- [‹](https://new2.iag.me/brand/#elements)
- [1](https://new2.iag.me/brand/#elements)
- 2
- [3](https://new2.iag.me/brand/#elements)
- [›](https://new2.iag.me/brand/#elements)

#### People

![Ian smiling, head and shoulders, in an orange checked shirt against a dark grey wall](https://new2.iag.me/media/shoot-2026-77-800.jpg)

**Ian Anderson Gray**28 October 2026 · 6 minute read

![Ian smiling, head and shoulders, in an orange checked shirt against a dark grey wall](https://new2.iag.me/media/shoot-2026-77-800.jpg)![Helen smiling in an embroidered white blouse against a dark grey wall](https://new2.iag.me/media/shoot-2026-80-800.jpg)

#### Progress

3 of 5 lessons done

Dark

#### Buttons and links

[Book a call](https://new2.iag.me/brand/#elements)[See the courses](https://new2.iag.me/brand/#elements)[Watch](https://new2.iag.me/brand/#elements)[Read more](https://new2.iag.me/brand/#elements)

[Small](https://new2.iag.me/brand/#elements)[Small outline](https://new2.iag.me/brand/#elements)

A [text link](https://new2.iag.me/brand/#elements) turns wavy when you point at it.

#### Pills, badges and stickers

[All](https://new2.iag.me/brand/#elements)[AI training 24](https://new2.iag.me/brand/#elements)[Creativity](https://new2.iag.me/brand/#elements)[Live video](https://new2.iag.me/brand/#elements)

NewLiveUpdatedArchivedFreeTry this!

#### Lists

- Plain English, real examples
- No hype, no jargon
- Human creativity first

- Works with your tools
- Hands-on training
- Follow-up support

- Replacing your team
- Generic prompts

1. Spot the repetitive work
2. Try one AI tool on it
3. Keep what helps

1. **Discovery call**We talk about where you're stuck.
2. **Workshop**Your team tries the tools on real work.
3. **Follow-up**Two weeks later, we check what stuck.

Format
:   Online or in person

Length
:   Half a day

#### Dividers

---

---

or

---

#### Text marks

Use a highlighter for the one thing to remember, a hand-drawn underline for emphasis, keys like `⌘` `K`, and `code`.

#### Quote

> Ian made AI feel possible for our whole team, not just the techy ones.
>
> ![Helen smiling at the camera by a canal, in a pale blue cardigan](https://new2.iag.me/media/shoot-2026-49-800.jpg)**A happy client**
> Placeholder testimonial

#### Notes

i

**Good to know:** a soft bubble with an icon. Never a coloured stripe down the left edge.

✓

**Tip:** save your best prompts somewhere you can find them again.

!

**Heads up:** this feature changed in June 2026.

✦

**Try this:** ask the AI to argue against your plan.

#### Cards

[New

##### How to go live on LinkedIn

8 minute read](https://new2.iag.me/brand/#elements)
[Course

##### Creative AI for small teams

Six short lessons](https://new2.iag.me/brand/#elements)

#### Numbers

**15**years teaching

**300+**talks and workshops

**1**orange shirt

#### Table

| Plan | Who it's for | Length |
| --- | --- | --- |
| Taster | Curious teams | 90 minutes |
| Workshop | Teams ready to try | Half a day |

#### Forms

Email addressOne email a week. Unsubscribe any time.

TopicAI trainingLive videoSpeaking

 Newsletter Events Just me A team

Dark mode
GridList

#### Questions and answers

No. If you can write an email, you can use these tools.

Yes, online or in person.

#### Getting around

1. [Home](https://new2.iag.me/brand/#elements)
2. [Blog](https://new2.iag.me/brand/#elements)
3. AI

- [‹](https://new2.iag.me/brand/#elements)
- [1](https://new2.iag.me/brand/#elements)
- 2
- [3](https://new2.iag.me/brand/#elements)
- [›](https://new2.iag.me/brand/#elements)

#### People

![Ian smiling, head and shoulders, in an orange checked shirt against a dark grey wall](https://new2.iag.me/media/shoot-2026-77-800.jpg)

**Ian Anderson Gray**28 October 2026 · 6 minute read

![Ian smiling, head and shoulders, in an orange checked shirt against a dark grey wall](https://new2.iag.me/media/shoot-2026-77-800.jpg)![Helen smiling in an embroidered white blouse against a dark grey wall](https://new2.iag.me/media/shoot-2026-80-800.jpg)

#### Progress

3 of 5 lessons done

08

## Dark mode

The site follows the visitor's device setting, and the accessibility menu lets anyone choose light, dark or high contrast. Dark mode is the same brand with the lights down: warm near-black rather than pure black, and a lighter orange so links stay readable.

- **Background is Night, #141210**: a warm near-black. Pure black makes white text shimmer.
- **Orange gets lighter for text**: Peach (#F29A73) for links, because Burnt orange is too dark to read on Night.
- **Shadows don't work in the dark**, so panels sit on a slightly lighter surface instead.
- **Photos are dimmed a touch** (to 94% brightness) so they don't glare.
- **Logos and illustrations** need a dark version or a transparent background; never a white box.
- **Test both**: every new page and graphic is checked in light and dark before it goes live.

| Role | Light | Dark |
| --- | --- | --- |
| Background | `#FFFDFB` | `#141210` |
| Panels | `#F6F1EC` | `#1F1B18` |
| Text | `#1D1A17` | `#ECE6E1` |
| Quieter text | `#5C544D` | `#B5ACA4` |
| Lines | `#E3DBD3` | `#3A332E` |
| Links and buttons | `#A8411C` | `#F29A73` |
| Brand orange | `#D65C32` | `#D65C32` |

09

## Voice

### Friendly expert

First person, warm and direct: “I’ll show you how”, not “users are enabled to”. Knowledgeable without showing off.

### Plain English

Use the real term, then explain it. Spell out abbreviations the first time. Short sentences. If you couldn't say it out loud, rewrite it.

### Human first

AI is a tool to help people be more creative, never a replacement for them. Honest about what it can’t do.

### British English

Colour, organise, programme. Dates as 28 October 2026. Hyphens or commas rather than long dashes.

10

## Brand family

One company, one main brand, two focused brands under it. A separate company sits alongside.

1. **Seriously Social Limited**The company.
2. **Ian Anderson Gray**Its trading name and the main brand.
3. **Seriously Social and Confident Live**Focused brands for social media and for live video, shown “by Ian Anderson Gray”.

![iag.me seriously social logo: iag in red, .me handwritten, seriously social underneath](https://new2.iag.me/brand/files/seriously-social.png)

### Seriously Social

Social media

Where it all started: Ian's blog about social media tools and strategy since 2011, and the name of the company. Use it for social media articles, tools reviews and training.

Cold cherryProcess greyMild greySour lime

**Fonts:** Dutch 766 Bold BT and Myriad. The logo dates from 2012 and still says iag.me. Refresh it before using it in new places.

![Confident Live logo: red condensed capitals with a red play button between the words](https://new2.iag.me/brand/files/confident-live.png)

### Confident Live

Live video

Ian's live video brand: the Confident Live Marketing Show and podcast (2019 to 2025), courses and the Confident Live Studio. Use it for live streaming, video production and speaking on camera.

Live redDeep redBlack cherryCharcoalSilverLime

**Fonts:** Bebas Neue or Alternate Gothic No. 2 for headings, Myriad Pro for text. The Ian Anderson Gray mark is the Confident Live play button in the new orange, which ties the two together.

![Select Performers logo: two teal slashes, SELECT PERFORMERS and web business solutions](https://new2.iag.me/brand/files/select-performers.png)

### Select Performers

Separate company · Websites, hosting and care plans

Ian's other company, Select Performers Limited, builds and looks after websites. It is a separate company with its own brand, so never combine its logo with the Ian Anderson Gray logo or present it as part of Seriously Social Limited.

11

## Company details

i

**Ian Anderson Gray is a trading name of Seriously Social Limited**, registered in England and Wales, company number 12992220.

Registered office: Fourwinds House, Welsh Road, Balderton, Chester, Cheshire, England, CH4 9LF.

UK rules for limited companies say the company’s full name, its number, where it is registered and its registered office address must appear on the website, on emails and letters, and on order forms and invoices. Use the wording opposite wherever the Ian Anderson Gray name is used for business.

The registered office is for administration only and does not accept parcels.

12

## Downloads

The current logo, until the new one is ready. SVG files are vectors and scale to any size; PNG files are four times the size shown, with see-through backgrounds.

[Download every logo (zip, 0.9 MB)](https://new2.iag.me/brand/files/ian-anderson-gray-logos.zip)

| Logo | Full colour | Reversed | White | Black |
| --- | --- | --- | --- | --- |
| Horizontal | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-colour.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-colour.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-reverse.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-reverse.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-white.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-white.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-black.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-horizontal-black.png) |
| Stacked | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-stacked-colour.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-stacked-colour.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-stacked-reverse.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-stacked-reverse.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-stacked-white.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-stacked-white.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-stacked-black.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-stacked-black.png) |
| Wordmark | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-wordmark-colour.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-wordmark-colour.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-wordmark-reverse.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-wordmark-reverse.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-wordmark-white.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-wordmark-white.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-wordmark-black.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-wordmark-black.png) |
| Mark | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-mark-colour.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-mark-colour.png) | Use full colour | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-mark-white.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-mark-white.png) | [SVG](https://new2.iag.me/brand/files/ian-anderson-gray-mark-black.svg) · [PNG](https://new2.iag.me/brand/files/ian-anderson-gray-mark-black.png) |

Questions about using the brand, or need a format that isn’t here? [Get in touch](https://new2.iag.me/contact/).

## Font tester

Pick a pairing, or mix your own. The whole page changes, menu included.

The tester needs JavaScript. Without it, the page shows the recommended pairing.