Visual identity · August 2026 · How it is used

The Brand the Fellowship shows

How to use the mark, the gradient, type, and photography, and how not to. The artwork is the supplied files, not a redraw.

Logo Typography Imagery Downloads

Principles

Three ideas. Everything else is a consequence of them.

Human-first

Authentic. Human. Connected. First names, cities and faces.

One gradient

Rose, coral, amber. Surfaces stay near-neutral so the gradient is the only accent.

Dual theme

data-theme. Colour crossfades in 0.9s. Opacity and transform stay still.

The AI Fellowship

A warm, human system for a global AI community

Opening a page

Eyebrow, then one headline. The gradient touches a short phrase, not the whole sentence.

Logo

The mark is rounded interlocking links. Each link is a person, a story, a field of practice. Use the file. Do not draw a new one.

Download the primary lockup Download the wide lockup Download the mark

Primary lockup

Primary, stacked centred

Mark above the wordmark, optically centred. The default for covers, social posts and anywhere the brand introduces itself.

Download

Primary on black

The wordmark reverses to white. The mark keeps its gradient. Never flatten it to match a dark surface.

Download

Alternative lockups

Wide

Mark left, wordmark right. Site headers, email signatures, banner rails. This is the lockup in the header of this page.

Download

Stacked, left-aligned

Same vertical arrangement as the primary, flush left, for a grid or a strong left margin.

Download

Chapter

Wordmark plus a black pill naming the city. Sentence case, bold, white type, fully rounded. The pill is the only place to add words.

Download

Favicon, mark only

The mark alone. Only where the name is already obvious or the space is tiny: favicon, app icon, avatar, sticker.

Download

Clear space and minimum size

Clear space on all four sides equals the height of the mark. Nothing enters it. No text, no rules, no other logos.

120px min, wide

90px min, stacked

24px min, mark

Below 120px, drop the “The AI” line rather than letting it fill in. That is when the mark-only version takes over.

Approved backgrounds

White, Black, Silver, Earth. Nothing else. The gradient mark stays as it is. The wordmark is black on the three light grounds and white on Black.

White

#FFFFFF

Black

#000000

Silver

#F6F6F5

Earth

#EAEBE1

Don't

No · Recoloured

No · Rotated

No · On the gradient

Pair the logo with Abstract Liquid when a graphic needs atmosphere rather than a flat ground.

Do not

Do not recolour, flatten or single-tone the mark. A solid rose or black mark is not a variant.
Do not rotate, mirror, skew, outline, shadow, or re-space the links.
Do not put the logo on a photograph or in the middle of a liquid gradient. A calm edge of the gradient is allowed.
Do not rebuild the wordmark, restack the two lines, or change The AI to the ai.
Do not append words next to the wordmark. Chapter names go in the black pill only.

Files

PNGlogo-wide.png

Wide lockup, transparent. The header of this page.

Download

PNGmark-ds.png

Mark only. Avatars, app icons, stickers.

Download

PNGfavicon.png

32px favicon derived from the mark.

Download

Signature gradient

One 135 degree gradient. Primary buttons, statistic numerals, short clipped headlines, invitation banners.

linear-gradient(135deg, hsl(335 76% 60%), hsl(7 87% 69%), hsl(37 90% 55%))

3,000+

Members

Gradient numeral

A number, or two to five words, at 28px and above.

AI for every human

Clipped phrase

The rest of the line stays ink.

Your city's chapter is waiting for someone to start it.

No experience required. Just curiosity and a room to gather in.

Start a Chapter

One banner

24px radius. One promise, one action.

Build gradients from Off Red, Muted Orange and the elevator oranges and yellow. Black is allowed.

Do not

Never build a gradient from Warm Purple or Blue Spark.
Do not run two gradients in one viewport, and do not set paragraphs on the gradient.

Typography

Helvetica Neue for titles, UI and body. Roboto when a line needs to be louder. No serif.

AI for every human

Sans-serif

Family

Helvetica Neue

Titles, UI and body

Roboto

The loud line

Two weights

700 and 400

Download the written spec

--display-manifesto

clamp(3rem, 9vw, 8rem) 700 · -0.03em · 1.0

Belong.

--display-section

clamp(2rem, 4vw, 3rem) 700 · -0.025em · 1.1

The thread that connects us

Body / lede

Helvetica Neue 400 · 17px line-height 1.65

A global community of 3,000+ people united by one belief. We are not here to swap business cards — we invest time in the person behind the nametag.

UI label

14px · 600

Start a Chapter

Meta / caption

13px · 400 · muted

Lagos, Nigeria · joined March 2026

Eyebrow

11px · 700 · 0.15em uppercase · rose

The AI Fellowship

Negative tracking scales with size: -0.03em hero, -0.025em section, -0.02em stats, -0.01em banner headings.
Positive tracking is only for uppercase micro-labels: 0.15em eyebrows, 0.10em stat labels.
Helvetica Neue leads. Roboto is the loud moment: a manifesto line, a headline number, a call to action.

Do not

No serif. Do not letter-space lowercase body. Nothing below 11px.

Colour

Off Red does the work. Everything else stays quiet so colour always means something.

Download the colour tokens

Off Red

#E44E73

Links, eyebrows, focus, active nav.

Off Red Dark

#C73D60

Hover, and rose text under 18px.

Muted Orange

#EF945E

Secondary accent. Large type only.

Warm Purple

#9E40A5

Rare, flat. Never in a gradient.

Dust Purple

#F1E7F7

Surface tint. Never text.

Blue Spark

#5ECCEC

Rare cool accent. Never in a gradient.

Silver

#F6F6F5

Approved ground.

Earth

#EAEBE1

Approved ground, when white feels clinical.

Elevators, for breaks, not buttons

Primary

#DA5A3A

Full-bleed breaks

Secondary

#E27845

Dividers

Lighter

#F29230

Rules and tints

Warm Yellow

#F2AB2D

End of a warm ramp

Chapters are open. Find yours.

Text link

Under 18px, rose text uses Off Red Dark.

A room, a city, a chapter.

Section break

Printed primary, #DA5A3A. White type, one line, then back to a neutral surface.

Off Red for anything interactive. Elevators only when a section needs a hard break.

Do not

Do not use Discord #5865F2, Warm Purple or Blue Spark as a button or a link.
Do not set small type in Muted Orange or Blue Spark.

Theme surfaces

Components read variables. They do not hard-code a surface, so the toggle restyles the page.

Light#FFFFFF

Lagos is meeting Thursday.

Bring a question, not a pitch.

Chapter

18:00 · Yaba

Dark#0D0D12

Lagos is meeting Thursday.

Bring a question, not a pitch.

Chapter

18:00 · Yaba

--bg

#FFFFFF · #0D0D12

Canvas

--bg-alt

#FAFAFA · #111118

Bands

--bg-card

#FFFFFF · white / 5%

Cards

--bg-nav

white / 85% · #0D0D12 / 85%

Nav

--text

#111111 · #F0F0F0

Headings

--text-secondary

#555555 · white / 60%

Body

--text-muted

#999999 · white / 35%

Spacing

4px base. Component padding 16 to 40px. Sections 60 to 140px.

Section

1100px

Hero

960px

Prose

650px

Narrow

520px

Shape

Few radii, all large. Controls are pills. Glow only on the gradient button.

Hairline

2px

Card

20px

Panel

24px

Hero

32px

Pill

100px

Avatar

50%

Motion

Entrances rise 24px. Hovers lift 3px. The theme changes colour and nothing else.

standard

cubic-bezier(.4, 0, .2, 1)

emphasized

cubic-bezier(.16, 1, .3, 1)

fast, 0.2s

Hover and colour

entrance, 0.7s

fadeUp

theme, 0.9s

Colour only

stagger

0.10 / 0.25 / 0.40 / 0.55s

A person, then a city.

fadeUp

Opacity and 24px, 0.7s.

Hover the card

hoverLift

3px over 0.2s. No scale.

Lagos is live

dotPulse

A live indicator. Not decoration.

Do not

Do not scale, bounce or spin. Do not fade opacity while the theme is crossfading.

Buttons

Two ranks. The gradient pill is the one conversion. Everything else is a hairline ghost pill.

Chapters

Start where you are.

Start a ChapterRead the rulebook

A hero choice

One primary, one secondary. No third button.

Do not

Do not invent a third button, a square button, or a solid Off Red button that competes with the gradient.

Eyebrows

Rose uppercase micro-caps, a short hairline, then a muted counterpart.

The AI FellowshipEst. 2025

Authentic. Human. Connected.

84 chapters live80+ countriesApplications open

Section opener

The eyebrow names the idea. It is not a second headline.

Cards

One recipe: card surface, hairline, 20px radius, soft shadow.

Amara

Lagos

Lucas

Sao Paulo

Omar

Cairo

I came for the tools and stayed for the people who use them kindly.

Amara

Lagos · voice card, same sans, no serif

Page patterns

Stats sit under the hero. Banners take the gradient and always pair a promise with one action.

AboutChaptersJoin

Lagos

A room for people who build with care

3,000+

Members

80+

Countries

Chapters

2 min

To join

Thinking partner for research TokyoTeaching my mum to prompt NairobiWhat is your number one AI use case? LagosThinking partner for research TokyoTeaching my mum to prompt NairobiWhat is your number one AI use case? Lagos

A chapter page

Nav, one headline, a stat rail, then the city ticker. One gradient, on the numerals.

Your city's chapter is waiting for someone to start it.

No experience required. Just curiosity and a room to gather in.

Start a Chapter

Invitation

24px radius. The full-bleed closer uses 32px and roomier padding.

Light

Colour only

Theme toggle

44 by 24 pill. The knob uses the standard easing.

Atmosphere

Abstract Liquid: two or three blurred orbs. Never a photograph behind the logo.

Behind type only

Orbs never sit behind the mark.

Photo and imagery

Photographs are of people. The gradient, the orbs, and the mark do the graphic work. A photo does not.

Real people

Members, in daylight, mid-conversation. First name and city in the caption. Not a handshake, a robot, or a neon grid.

Consent first

A written yes before a face is published. Nothing of a minor outside the safeguarding rules in the event framework.

Leave the photo alone

Natural colour. No gradient mapped onto a person, no filter that shifts skin tone, no mark sitting on a face.

The crop

Eyes in the upper third. Do not cut through the eyes, the mouth, or the chin. Leave air around the head.

If the picture needs a caption, set it in Helvetica Neue under the frame: name, city, one line. The frame is 20px radius, the same as a card.

Where a photo may sit

A story, a chapter page, a post. Never as a background for the logo, and never with type baked into the file.

Use a photograph of a real member who has agreed to be shown, with their name and city.
Keep the file clean. Crop in the layout, not by exporting type or the logo into the picture.

Do not

Do not use stock handshakes, generated faces presented as members, or a photo behind the mark.
Do not recolour a person with the brand gradient, and do not run a heavy filter over skin.